进度条 Progress
简单的进度条。
设置 type="circle" 将会展示环形进度条。
color 传入对象时， 会作为 linear-gradient 的属性值设置渐变色。
设置 size="mini" 展示微型进度条。
通过 size 设置进度条的大小
通过 status 指定进度条状态
通过设置 steps 展示步骤进度条。
剩余进度条的颜色
Section titled “剩余进度条的颜色”可以通过 trackColor 设置剩余进度条的颜色
<progress> Props
Section titled “<progress> Props”| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| type | 进度条的类型 | 'line' | 'circle' |
'line' |
| size | 进度条的大小 | 'mini' | 'small' | 'medium' | 'large' |
'medium' |
| percent | 进度条当前的百分比 | number |
0 |
| steps | 开启步骤条模式，并设置步骤数 | number |
0 |
| animation | 是否开启过渡动画 | boolean |
false |
| stroke-width | 进度条的线宽 | number |
- |
| width | 进度条的长度 | number|string |
- |
| color | 进度条的颜色 | string|object |
- |
| track-color | 进度条的轨道颜色 | string |
- |
| show-text | 是否显示文字 | boolean |
true |
| status | 进度条状态 | 'normal' | 'success' | 'warning' | 'danger' |
- |