Components
Loading preview...
Display progress relative to a limit or related to a task.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/progressimport { 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>
);
}