Search documentation

Search components and pages

Progress

An indicator showing the completion progress of a task.

x

Installation

Add the progress component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/progress.json

Usage

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

<Progress value={60} className="w-64" />

Examples

Default

x

Code

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

<Progress value={60} className="w-64" />