Component specification

Progress Bar

Animated progress indicator with smooth transitions. Ideal for loading states and completion percentages.

ReactCopyable sourceFree

Loading…0%

Usage / setup

Install with shadcn

Add this component straight into your codebase with the shadcn CLI. It writes the source file and installs the required dependencies.

shadcn CLI

npx shadcn@latest add https://mudasir.in/r/progress-bar.json

Dependencies

No external packages — only React and Tailwind classes.

Theme colors are controlled by the --theme-color-* custom properties.