Progress 进度条

80%

70%

60%

50%

40%

进度条

这是 Progress 基础例子

<script setup lang="ts">
import { ref } from 'vue'

const percent = ref(80)
</script>

<template>
  <div class="progress-demo">
    <NpProgress :percent="percent || 0" :stroke-height="30" />
    <NpProgress :percent="70" type="success" :stroke-height="25" />
    <NpProgress :percent="60" type="warning" :stroke-height="20" />
    <NpProgress :percent="50" type="danger" />
    <NpProgress :percent="40" type="info" />
  </div>
</template>

<style scoped>
.progress-demo {
  margin: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
</style>