Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

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

<Progress value={66} />

API Reference

Prop	Type	Default	Description
value	number	0	The progress value between 0 and 100
max	number	100	The maximum progress value

Accessibility

• Uses role="progressbar" with aria-valuenow, aria-valuemin, and aria-valuemax automatically via Radix
• Screen readers announce progress updates
• Supports all standard HTML div attributes for custom ARIA properties