Progress
A real <progress>. It reports its own value to assistive tech without any role="progressbar"/aria-valuenow bookkeeping, and becomes an indeterminate spinner for free when you omit value.
Playground
Toggle every adjustable prop and watch the component — and the code — update live.
Usage
<Progress value={60} label="Uploading" /><kernel-progress value="60" label="Uploading"></kernel-progress>Props
| Prop | Type | Default |
|---|---|---|
value | number | — |
max | number | 100 |
label | string | — |
Styling the fill has no standardised, non-vendor-prefixed API yet.::-webkit-progress-value and::-moz-progress-bar are the correct, current way to do it, not a legacy fallback.