Progress

Displays an indicator showing the completion progress of a task. Built on Base UI's progress primitive.

Last updated January 1, 1980

Overview

Installation

$ pnpm dlx shadcn@latest add @persianlabsui/progress

Usage

import { Progress } from "@/components/ui/progress"
 
export function Example() {
  return <Progress value={66} />
}

Examples

Animated

Update value over time to animate the indicator.

RTL

API Reference