微信小程序提供了进度条组件，用来提升用户体验

    在一些需要用户等待的地方，通过进度条可以使用户对程序执行进程有所了解，使用户能合理安排时间，缓解等待焦虑，提高用户的体验度

    微信小程序progress组件提供了丰富的属性，使其能够适应各种不同的场景
    表3.4展示了进度条组件progress的属性

    属性名 类型 默认值 说明
    percent Float 无 百分比0~100
    show-info Boolean false 在进度条右侧显示百分比
    border-radius Number/String 0 圆角大小，单位为px（2.4.0之后支持rpx）
    font-size Number/String 16 右侧百分比字体大小，单位为px（2.4.0后支持rpx）
    stroke-width Number/String 6 进度条线的宽度，单位为px（2.4.0后支持rpx）
    color Color #09BB07 进度条颜色（请使用activeColor）
    activeColor Color 已选择的进度条的颜色
    backgroundColor Color 未选择的进度条的颜色
    active Boolean false 进度条从左往右的动画
    active-mode String backwards backwards:动画从头播
    forwards：动画从上次结束点接着播
    bindactiveend EventHandle 动画完成事件 
    1. <view class="container">
    2.     <progress percent="25" show-info />
    3.   <progress percent="50" stroke-width="20" />
    4.   <progress percent="67" color="yellow" />
    5.   <progress percent="88" />
    6.   <progress percent="45" color="#3af" stroke-width="30" border-radius="15" />
    7.   <progress percent="88" active activeColor="red" backgroundColor="orange" />
    8. </view>

    image.png