Progress

进度条。扫码体验：

img.jpg

属性名类型默认值描述最低版本
percentFloat百分比(0~100)
show-infoBooleanfalse在右侧显示百分比值
stroke-widthNumber6线的粗细，单位 px
active-colorColor#09BB07已选择的进度条颜色
background-colorColor未选择的进度条颜色
activeBooleanfalse从左往右是否进行加载动画

Screenshot

image

示例代码

  1. <progress percent="20" show-info/>
  2. <progress percent="40" active/>
  3. <progress percent="60" stroke-width="10"/>
  4. <progress percent="80" active/>
  5. <progress percent="80" color="#10AEFF"/>

原文: https://docs.alipay.com/mini/component/progress