进度条 | astryx-vue

属性

属性	类型	默认值	说明
`value`	`number`	—	必需。当前值。
`min`	`number`	`0`	最小值。
`max`	`number`	`100`	最大值。
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	轨道高度。
`variant`	`'neutral' \| 'success' \| 'warning' \| 'error' \| 'info'`	`'neutral'`	填充条颜色。
`label`	`string`	—	进度条标签。同时作为无障碍名称。
`description`	`string`	—	补充说明。
`isIndeterminate`	`boolean`	`false`	不确定状态。显示循环动画并移除 aria-valuenow。
`showValue`	`boolean`	`false`	在标签旁显示百分比。
`valueText`	`string`	—	自定义 aria-valuetext 与显示文本。优先于默认百分比。
`width`	`number \| string`	—	组件宽度。数字按 px 处理。

css

.my-progress-bar {
  --astryx-progress-bar-track-background: #e5e5e5;
  --astryx-progress-bar-fill-background: #171717;
}