progress 进度条
收藏我的收藏
收藏基础库 1.0.0 开始支持本组件。
进度条。
属性说明
属性名 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
percent | number | 0 | 否 | 进度 | 1.0.0 |
stroke-width | number | 6 | 否 | 进度条的垂直宽度 | 1.0.0 |
active-color | Color | #F85959 | 否 | 进度条颜色 | 1.0.0 |
background-color | Color | #EBEBEB | 否 | 未达到进度的颜色 | 1.0.0 |
active | boolean | false | 否 | 进度条动画 | 1.0.0 |
active-mode | string | backwards | 否 |
| 1.0.0 |
duration | number | 30 | 否 | 进度增加1%所需毫秒数，仅在 active 为 true 时生效 | 2.86.0 |
bindactiveend | EventHandle | | 否 | 动画完成后执行的事件，仅在 active 为 true 时执行 | 2.86.0 |
bindactiveend 事件对象的 detail
object 类型，属性如下：
属性名 | 类型 | 说明 | 最低支持版本 |
detail | object | detail 中包含 curPercent 属性，表示 progress 组件动画结束后当前的进度 | 2.86.0 |
type | string | 事件类型 | 2.86.0 |
扫码体验
代码示例
Bug & Tip
无
