progress

解释：进度条

属性说明：

属性名类型默认值说明
percentFloat无百分比 0~100
show-infoBooleanfalse在进度条右侧显示百分比
stroke-widthNumber2进度条线的宽度，单位 px
colorColor#09BB07进度条颜色 （请使用 activeColor）
activeColorColor已选择的进度条的颜色
backgroundColorColor未选择的进度条的颜色
activeBooleanfalse进度条从左往右的动画
active-modeStringbackwardsbackwards: 动画从头播；forwards：动画从上次结束点接着播

示例：在开发者工具中预览效果

  1. <!-- progress.swan -->
    <view class="section">
        <progress percent="20" show-info />
        <progress percent="40" stroke-width="12" />
        <progress percent="60" color="pink" />
        <progress percent="80" active />
    </view>