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