One UI

OneProgress

百分比会被钳制到 0–100;showText 会显示四舍五入后的百分比文本,variant 控制进度条颜色。

65%
查看代码收起代码
import { OneProgress } from '@geektech/one';

new OneProgress({ percent: 65, showText: true });
new OneProgress({ percent: 30, variant: 'success' });

ARIA

使用 role=progressbar,并通过 aria-valuemin、aria-valuemax、aria-valuenow 和 aria-valuetext 表达当前进度。

API

OneProgress 属性
名称签名说明
percentpercent?: number进度百分比,NaN 归 0 并钳制到 0–100。
variantvariant?: OneDataDisplayVariant进度条颜色,默认 primary。
showTextshowText?: boolean显示四舍五入后的百分比文本。
ariaLabelariaLabel?: string进度条的可访问名称。