Seed: product-management template (23 files)

src/components/ui/progress.tsx

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+export const Progress = ({ value = 0, className, ...props }: React.HTMLAttributes<HTMLDivElement> & { value?: number }) => (
+  <div className={cn("h-2 w-full overflow-hidden rounded-full bg-slate-200", className)} {...props}>
+    <div className="h-full rounded-full bg-indigo-600 transition-all" style={{ width: `${Math.min(100, Math.max(0, value))}%` }} />
+  </div>
+);
+
+export default Progress;