bearnie

Progress

Shows task completion progress.

Installation

npx bearnie add progress
npx bearnie add progress

Usage

import { Progress } from "@/components/ui/progress"
<Progress value={60} />

Examples

Different values

Custom max

Anatomy

  • Progress - A single progress bar element

Props

Progress

PropTypeDefaultDescription
valuenumber0Current progress value
maxnumber100Maximum value
classstring-Additional CSS classes