← ui-lab

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.

Preview

Installation

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

Conformance

This component conforms to the @publictheta/ui-spec progress-bar specification. Run the suite against any implementation with pnpm conformance.