Skip to content
Perimeter Style

Progress

Displays an indicator showing the completion progress of a task.

Usage

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

<Progress value={60}>...</Progress>
<Progress value={60}>...</Progress>

Light

Dark

Default

Metrics

Perimeter Api

Progress Controls

value

Examples

Basic Progress

x

With Label and Value

Upload
x

Different Values

x
x
x
x

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/progress

Search

Search for components, templates, and more.