微信小程序内容组件 进度条:progress

由 caoyeshu 创建,最后一次修改 2016-09-22

progress


进度条。

属性名类型默认值说明
percentFloat百分比0~100
show-infoBooleanfalse在进度条右侧显示百分比
stroke-widthNumber6进度条线的宽度,单位px
colorColor#09BB07进度条颜色 (请使用 activeColor)
activeColorColor
已选择的进度条的颜色
backgroundColorColor 未选择的进度条的颜色
activeBooleanfalse进度条从左往右的动画
示例:
<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active />

progress

尚学堂
二维码
建议反馈
二维码