Skip to content

CircularProgress ​

用圆环表示确定或不确定的进度。

导入 ​

ts
import { CircularProgress } from '@astryx-vue/lab'

属性 ​

名称类型默认值说明
valuenumberundefined当前进度;不确定模式下忽略。
maxnumber100最大进度。
labelstring必填无障碍名称。
isLabelHiddenbooleantrue是否视觉隐藏标签,读屏仍可读取。
hasValueLabelbooleanfalse是否在圆环中央显示数值。
formatValueLabel(value, max) => string百分比自定义中央数值格式。
size'sm' | 'md' | 'lg''md'圆环尺寸。
variant'accent' | 'success' | 'warning' | 'error' | 'neutral''accent'语义颜色。
isIndeterminatebooleanfalse是否显示不确定进度动画。
isDisabledbooleanfalse是否使用禁用颜色。

默认插槽可替换圆环中央内容。启用 isIndeterminate 后,value 和 hasValueLabel 不再生效。