阅读(4962)
赞(13)
progress
2020-02-11 17:42:58 更新
基础库 1.0.0 开始支持本组件
进度条。
属性说明
| 属性名 | 类型 | 默认值 | 说明 | 最低版本 |
|---|---|---|---|---|
| percent | Number | 0 | 进度 | 1.0.0 |
| stroke-width | Number | 6 | 进度条的垂直宽度 | 1.0.0 |
| color | String | #F85959 | 进度条颜色，不建议使用，请使用 active-color | 1.0.0 |
| active-color | String | #F85959 | 进度条颜色 | 1.0.0 |
| background-color | String | #EBEBEB | 未达到进度的颜色 | 1.0.0 |
| active | Boolean | false | 进度条动画 | 1.0.0 |
| active-mode | String | backwards | backwards: 动画从头播；forwards：动画从上次结束点接着播 | 1.0.0 |
效果示例
代码示例
<progress percent="20" />
<progress percent="40" stroke-width="3" />
<progress percent="60" active />
<progress percent="80" color="#10AEFF" active active-mode="forwards" />