Skip to main content
ParticleUI

Progress

Linear progress bar built on Radix UI with electric accent fill and glow.

Starting33%
In progress66%
Complete100%

Installation

1

Run the CLI

$npx particleui-cli add progress

Usage

TSX
import { Progress } from "@/components/ui/progress"

export default function Example() {
  return <Progress value={60} className="w-64" />
}

Details

Source filecomponents/ui/progress.tsx
Typeui
Categoriesfeedback, core
npm dependencies@radix-ui/react-progress
Registry deps
Claude skill