Display progress relative to a limit or related to a task.
import { Progress } from "@/components/ui/progress"; export default function ThemedDemo() { return ( <div className="flex flex-col gap-4 w-1/2"> <Progress type="success" value={100} /> <Progress type="error" value={10} /> <Progress type="warning" value={40} /> <Progress type="secondary" value={70} /> </div> ); }
Part of Geist — browse the full library on 21st.dev.