Skip to content

Progress 进度条 ​

展示操作进度,支持状态与自定义。

基础用法 ​

30%
66%
100%
vue
<KbProgress :percentage="30" />
<KbProgress :percentage="66" status="warning" />
<KbProgress :percentage="100" status="success" />
<KbProgress :percentage="80" :stroke-width="12" :show-text="false" />

API ​

属性类型默认值说明
percentagenumber0进度百分比(0-100,超界自动收敛)
strokeWidthnumber8轨道高度(px)
colorstring—自定义颜色(覆盖状态色)
showTextbooleantrue是否显示百分比文本
status'normal' | 'success' | 'warning' | 'danger''normal'状态(决定颜色)