Components
Loading preview...
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
npx shadcn@latest add https://21st.dev/r/sean0205/progress-1'use client';
import * as React from 'react';
import { Progress } from '@/components/ui/progress-1';
export default function Component() {
const [progress, setProgress] = React.useState(13);
React.useEffect(() => {
const timer = setTimeout(() => setProgress(66), 500);
return () => clearTimeout(timer);
}, []);
return (
<div className="w-full max-w-md">
<Progress value={progress} />
</div>
);
}