线性进度条,展示当前操作进度。
进度条样式
支持显示百分比、自定义颜色、进度动画
<m-progress percent="75" show-info active />
<m-progress percent="30" show-info active-color="#10B981" stroke-width="8" />
<m-progress percent="50" active-color="#F59E0B" background-color="#FEF3C7" />| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
percent | 百分比 0~100 | number | 0 |
show-info | 是否在右侧显示百分比 | boolean | false |
stroke-width | 进度条线宽(px) | number | 6 |
active-color | 已完成部分颜色 | string | - |
background-color | 未完成部分颜色 | string | - |
active | 是否显示进度动画 | boolean | false |