Seed: product-management template (23 files)
This commit is contained in:
@@ -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;
|
||||
Reference in New Issue
Block a user