progress

进度条。

属性名类型默认值说明最低版本
percentFloat无百分比0~100
show-infoBooleanfalse在进度条右侧显示百分比
border-radiusNumber / String0圆角大小，单位px
font-sizeNumber / String16右侧百分比字体大小，单位px
stroke-widthNumber / String6进度条线的宽度，单位px
colorColor#09BB07进度条颜色 （请使用 activeColor）
activeColorColor已选择的进度条的颜色
backgroundColorColor未选择的进度条的颜色
activeBooleanfalse进度条从左往右的动画
active-modeStringbackwardsbackwards: 动画从头播；forwards：动画从上次结束点接着播
bindactiveendEventHandle动画完成事件
aria-labelString无障碍访问，（属性）元素的额外描述

示例：

  1. <progress percent="20" show-info />
  2. <progress percent="40" stroke-width="12" />
  3. <progress percent="60" color="blue" />
  4. <progress percent="80" active />

progress