Components
Loading preview...
A versatile progress component for displaying completion status, loading states, and step-by-step processes.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/progressimport { Progress } from "@/components/ui/progress";
export default function DemoOne() {
return(
<>
<div className="space-y-3 max-w-sm w-full mx-auto">
<div className="flex items-center justify-between">
<span className="text-sm font-semibold">Download Progress</span>
<span className="text-xs text-muted-foreground ">Downloading...</span>
</div>
<Progress value={45} showValue className="w-full" size="sm" />
</div>
</>
);
}