progress
进度条。
属性名 | 类型 | 默认值 | 说明 | 最低版本 |
---|---|---|---|---|
percent | Number | 0 | 进度 | |
stroke-width | Number | 6 | 进度条的垂直宽度 | |
color | String | #F85959 | 进度条颜色,不建议使用,请使用active-color | |
active-color | String | #F85959 | 进度条颜色 | |
background-color | String | #EBEBEB | 未达到进度的颜色 | |
active | Boolean | false | 进度条动画 | |
active-mode | String | backwards | backwards: 动画从头播;forwards:动画从上次结束点接着播 |
示例
<progress percent="20" />
<progress percent="40" stroke-width="3" />
<progress percent="60" active />
<progress percent="80" color="#10AEFF" active active-mode="forwards" />