Progress进度条

Progress进度条

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

线形进度条

Progress组件设置 percentage属性即可，表示进度调对应的百分比，必填，必须在0~100。通过format属性指定进度调文字内容。

效果图如下所示:

百分比内显

Progress组件可通过 stroke-width属性更改进度条的高度，并可通过 text-inside属性来将进度条描述置于进度条内部。

效果图如下所示：

自定义颜色

可以通过color设置进度条的颜色，color可以接受颜色字符串，函数和数组。

效果图如下所示：

环形进度条

Progress组件可通过type属性来指定使用环形进度条，在环形进度条中，还可以通过width属性设置其大小。

效果图如下所示：

仪表盘形进度条

通过type属性来指定使用仪表盘形进度条。

效果图如下所示:

Attributes

参数	说明	类型	可选值	默认值
percentage	百分比（必填）	number	0-100	0
type	进度条类型	string	line/circle/dashboard	line
stroke-width	进度条的宽度，单位px	nubmer	——	0
text-inside	进度条显示文字内置在进度条内（只在type=line时可用）	boolean	——	false
status	进度条当前状态	string	success/exception/warning	——
color	进度条背景色（会覆盖status状态颜色）	string/function/array	——	“”
width	环形进度条画布宽度（只在type为circle或 dashboard时可用）	number		126
show-text	是否显示进度条文字内容	boolean	——	true
stroke-linecap	circle/dashboard	string	butt/round/square	round