Progress

Displays an indicator showing the completion progress of a task.

feedback
loading
indicator
status

Preview

Code

TSX
1
2
3
4
5
import { Progress } from "@/components/ui/progress"

export function ProgressDemo() {
  return <Progress value={33} />
}

API Reference

PropTypeDefaultDescription
valuenumber-The progress value between 0 and 100.
maxnumber100The maximum value of the progress.
getValueLabelfunction-A function to generate a label for the progress.