ARIA
| Variant | Attributes set |
|---|---|
indeterminate / query | role="progressbar" only |
determinate | role="progressbar" + aria-valuenow + aria-valuemin + aria-valuemax |
The root carries a default aria-label="Loading"; pass your own aria-label to override it.
When the bar describes the loading progress of a particular page region, point to it from that region with aria-describedby and set aria-busy="true" on the region until loading finishes:
<section aria-busy={isLoading} aria-describedby="feed-progress">
<LinearProgress id="feed-progress" />
...
</section>