Appearance
progress进度条
Hidden Title
由于公司业务中值在不同百分比下, 会显示不同的颜色, 所以会对原有的
el-progress样式颜色有影响, 如果想去掉影响, 可以设置`customColor属性为false 基础用法
其他用法
自定义颜色
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
percentage | 进度百分比 | number | - |
animationTime | 动画时长,单位毫秒 | number | 500 |
isAnimation | 是否启用递增动画 | boolean | true |
customColor | 是否按区间使用内置颜色 | boolean | true |
插槽
| 插槽名 | 说明 |
|---|---|
default | 自定义进度条内容,可拿到 percentage |
说明
- 默认透传
stroke-width="16"给el-progress。 - 当未主动传
color时,会根据百分比自动切换灰色、橙色、绿色。