# ui-progress 进度条组
版本：v2.3.11
进度条组件用于显示任务进度，支持自定义样式、颜色和动画效果
# 基本使用
<template>
<div class="progress-demo">
<ui-progress :percentage="50" />
<ui-progress :percentage="80" type="circle" />
</div>
</template>
<style scoped>
.progress-demo {
padding: 20px;
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
}
</style>
# Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
percentage | Number | 0 | 进度百分比，0-100 |
type | String | 'line' | 进度条类型，可选值：line、circle |
color | String/Array | '#1989fa' | 进度条颜色，支持渐变 |
backgroundColor | String | '#e5e5e5' | 进度条背景色 |
strokeWidth | Number | 6 | 进度条宽度，单位：px |
width | Number | 120 | 环形进度条宽度，单位：px |
showText | Boolean | true | 是否显示进度百分比文 |
textColor | String | - | 进度文本颜色 |
strokeLinecap | String | 'round' | 进度条端点形状，可选值：round、butt |
# Slots
| 名称 | 说明 |
|---|---|
default | 自定义进度文 |