ComponentClient component

Progress

An accessible progress indicator with a luminous active range.

Installation

Preview

Publishing registry72%

Usage

tsx
import { Progress } from "@/components/ui/progress"

<Progress value={72} />

API reference

PropTypeDefaultDescription
valuenumber | null0Current progress between 0 and 100.
maxnumber100Maximum progress value exposed to assistive technology.
classNamestringOverrides or extends the generated Tailwind classes.
disabledbooleanfalsePrevents user interaction when supported.