Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
'use client'; import * as React from 'react'; import { Progress } from '@/components/ui/progress'; 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> ); }
Part of ReUI — browse the full library on 21st.dev.