Skip to content
On this page

progress进度条

Element Plus Progress 组件文档

Hidden Title

由于公司业务中值在不同百分比下, 会显示不同的颜色, 所以会对原有的el-progress样式颜色有影响, 如果想去掉影响, 可以设置`customColor属性为false

基础用法

其他用法

自定义颜色

属性

属性名说明类型默认值
percentage进度百分比number-
animationTime动画时长,单位毫秒number500
isAnimation是否启用递增动画booleantrue
customColor是否按区间使用内置颜色booleantrue

插槽

插槽名说明
default自定义进度条内容,可拿到 percentage

说明

  • 默认透传 stroke-width="16"el-progress
  • 当未主动传 color 时,会根据百分比自动切换灰色、橙色、绿色。