Progress

An indicator showing the completion progress of a task.

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

Code

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

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