A presentational completion indicator (role="progressbar").
value (0–100) drives the fill width;
status sets the colour.
value is the completion percentage, clamped to
0–100.
status colours the fill —
uploading, positive,
or negative.
Drive value over time, then flip
status and label
on completion.
file uploads, multi-step progress, and any determinate
task. Pass label for an accessible name. For
indeterminate waits, use a Spinner.
label to reflect the current state (“Uploading” → “Complete”).positive / negative to signal the final outcome.role="progressbar" with aria-valuemin="0", aria-valuemax="100", and a live aria-valuenow.label sets aria-label; always provide one so the bar isn’t anonymous.label text (“failed”, “complete”).aria-valuenow.