Progress

Installation

npx bearnie add progress

Usage

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

<Progress value={60} />

Examples

Different values

<div class="grid gap-4 w-full max-w-md">
  <Progress value={25} />
  <Progress value={50} />
  <Progress value={75} />
  <Progress value={100} />
</div>

Custom max

Anatomy

Progress - A single progress bar element

Props

Prop	Type	Default	Description
value	number	0	Current progress value
max	number	100	Maximum value
class	string	-	Additional CSS classes