Progress 进度条
展示操作的当前进度状态。
基础用法
Progress组件 percentage
属性控制当前进度的百分比。
状态
可以通过 status
属性控制进度条的状态,可选值为 success
、danger
、warning
。
进度条内显示百分比标识
可以通过 text-inside
属性控制进度条内是否显示百分比标识,heihgt
属性控制进度条的高度。
自定义进度条颜色
可以通过 background
属性控制进度条的颜色, bar-color
属性控制进度条内百分比标识的颜色。
环形进度条
type
属性控制进度条是否为环形,stroke-width
属性控制环形进度条的宽度。
可以通过 width
属性控制环形进度条的大小。
可以通过 color
属性控制环形进度条激活背景的颜色, background
属性控制环形进度条未激活背景的颜色。
可以通过 slots
属性自定义环形进度条内显示的内容。
动画进度条
使用 intermediate
属性来设置不确定的进度, duration
来控制动画持续时间。
条纹进度条
striped
属性获取条纹进度条,可以使用 striped-flow
属性来使条纹流动起来,duration
属性控制流动的速度。