• progress

    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