组件
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
| 名称 | 签名 | 说明 |
|---|---|---|
percent | percent?: number | 进度百分比,NaN 归 0 并钳制到 0–100。 |
variant | variant?: OneDataDisplayVariant | 进度条颜色,默认 primary。 |
showText | showText?: boolean | 显示四舍五入后的百分比文本。 |
ariaLabel | ariaLabel?: string | 进度条的可访问名称。 |