Progress
DATA DISPLAYTerminal-style ASCII progress bar with 6 visual variants.
[EXAMPLES]
Variants
[PROPS]
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| value | number | 0 | Progress value (0-100) |
| variant | "block" | "hash" | "pipe" | "dots" | "arrow" | "braille" | "block" | ASCII character style |
| showPercentage | boolean | false | Show percentage after bar |
| label | string | — | Custom label text |
| barWidth | number | 20 | Bar width in characters |
[ACCESSIBILITY]
ARIA
- >role="progressbar"
- >aria-valuenow, aria-valuemin, aria-valuemax set