• Progress 进度条
    • 线形进度条 — 百分比外显
    • 线形进度条 — 百分比内显
    • 环形进度条
    • Attributes

    Progress 进度条

    用于展示操作进度,告知用户当前状态和预期。

    线形进度条 — 百分比外显

    Progress 进度条 - 图1

    线形进度条 — 百分比内显

    百分比不占用额外控件,适用于文件上传等场景。

    Progress 进度条 - 图2

    环形进度条

    Progress 进度条 - 图3

    Attributes

    参数说明类型可选值默认值
    percentage百分比(必填)number0-1000
    type进度条类型stringline/circleline
    strokeWidth进度条的宽度,单位 pxnumber6
    textInside进度条显示文字内置在进度条内(只在 type=line 时可用)Booleanfalse
    status进度条当前状态stringsuccess/exception
    width环形进度条画布宽度(只在 type=circle 时可用)number126
    showText是否显示进度条文字内容booleantrue