Progress 进度条

继承el-button所有属性

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

直线进度条

进度条内显示百分比标识

百分比不占用额外空间，适用于文件上传等场景。

自定义进度条的颜色

可以通过 color 属性来设置进度条的颜色。 该属性可以接受十六进制颜色值，函数和数组。

环形进度条

仪表盘形进度条

您也可以指定 type 属性到 dashboard 使用控制面板进度栏。

自定义内容

动画进度条

条纹进度条

API

属性

属性名	说明	类型	默认值
percentage	percentage	number (0-100)	0
type	进度条类型	enum 'line' | 'circle' | 'dashboard'	line
stroke-width	进度条的宽度	number	6
color	进度条背景色 （会覆盖 status 状态颜色）	string / function (percentage: number) => string / ^[Array]{ color: string; percentage: number }[]	''
show-text	是否显示进度条文字内容	boolean	true

Slots

名称	说明	类型
default	自定义内容	object { percentage: number }