import { Progress } from "@/components/ui/progress";
export const title = "With Percentage";
const Example = () => {
const value = 65;
return (
<div className="w-full max-w-md space-y-2">
<div className="flex justify-between text-sm">
<span className="text-muted-foreground">Progress</span>
<span className="font-medium">{value}%</span>
</div>
<Progress value={value} />
</div>
);
};
export default Example;
npx shadcn@latest add @shadcnblocks/progress-progress-with-label-1import { ProgressProgressWithLabel1 } from "@/components/progress-progress-with-label-1"<ProgressProgressWithLabel1 />