progress

进度条。

属性名类型默认值说明最低版本
percentNumber0进度
stroke-widthNumber6进度条的垂直宽度
colorString#F85959进度条颜色,不建议使用,请使用active-color
active-colorString#F85959进度条颜色
background-colorString#EBEBEB未达到进度的颜色
activeBooleanfalse进度条动画
active-modeStringbackwardsbackwards: 动画从头播;forwards:动画从上次结束点接着播

示例

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

progress - 图1

原文: https://developer.toutiao.com/docs/comp/progress.html