进度 Progress
基本的线性进度条
多个选项用来配置进度条的外观
内置多种主题
和 Slider 结合使用示例
基本的进度环
API
ProgressLinear Props
| 参数名 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 |
|---|---|---|---|---|---|
| percent | 已完成的进度（百分比） | number | true | ||
| theme | 进度条的主题（内置四种主题） | string | custom/primary/success/danger/warning | custom | |
| trackWidth | 进度条线条的宽度 | string | 6px | ||
| trackColor | 轨道的背景色 | string | #e5e6eb | ||
| doneTrackColor | 已完成进度的背景色 | string | rgba(0, 160, 255, 1) | ||
| showLabel | 是否显示 label | boolean | true | ||
| formatLabel | 自定义 label 的显示文本 | function | null | ||
| width | 进度条的宽度 | string | 100% | ||
| animation | 是否开启进度条的阴影动画 | boolean | true | ||
| round | 是否开启圆角 | boolean | true | ||
| roundLength | 圆角大小 | string | 100px |
ProgressCircular Props
| 参数名 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 |
|---|---|---|---|---|---|
| percent | 已完成的进度（百分比） | number | true | ||
| theme | 进度条的主题（内置四种主题） | string | custom/primary/success/danger/warning | custom | |
| trackWidth | 进度条线条的宽度 | number | 6 | ||
| trackColor | 轨道的背景色 | string | #e5e6eb | ||
| doneTrackColor | 已完成进度的背景色 | string | rgba(0, 160, 255, 1) | ||
| showLabel | 是否显示 label | boolean | true | ||
| formatLabel | 自定义 label 的显示文本 | function | null | ||
| radius | 进度环半径 | number | 50 | ||
| rotate | 进度环摆放的角度 | number | -90 |