Copy to clipboard
Installation
Copy to clipboard
npx bearnie add progress
npx bearnie add progress
bunx bearnie add progress
bunx bearnie add progress
pnpm dlx bearnie add progress
pnpm dlx bearnie add progress
yarn dlx bearnie add progress
yarn dlx bearnie add progress
Copy to clipboard
import Progress from "@/components/ui/progress/Progress.astro";
Usage
import { Progress } from "@/components/ui/progress"
<Progress value={60} />
Examples
Different values
Copy to clipboard
Custom max
Copy to clipboard
Anatomy
Progress- A single progress bar element
Props
Progress
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | 0 | Current progress value |
| max | number | 100 | Maximum value |
| class | string | - | Additional CSS classes |