Back to Components
Display
Progress
Progress bar with animated indicator and customizable value.
Uploading72%
Dependencies
- @radix-ui/react-progress
- clsx
- tailwind-merge
Files
- components/ui/progress.tsx
Installation
Using shadcn CLI
npx shadcn add progress --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install @radix-ui/react-progress clsx tailwind-merge