UI
← Home

Progress Bar

Reports the completion of a task. A determinate bar exposes its value via aria-valuenow/min/max; an indeterminate bar omits aria-valuenowso assistive technology announces “busy” rather than a misleading number. The preview shows one of each.

  • Axe

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/progress.json

Conformance

Verified against the @publictheta/ui-spec progress specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations

See the full conformance matrix across all components.