File size: 554 Bytes
5301ae9 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | import * as React from "react"
import { cn } from "@/lib/utils"
const Progress = React.forwardRef(({ className, value, ...props }, ref) => {
return (
<div
ref={ref}
className={cn(
"relative h-4 w-full overflow-hidden rounded-full bg-slate-200",
className
)}
{...props}
>
<div
className="h-full w-full flex-1 bg-violet-600 transition-all"
style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
/>
</div>
)
})
Progress.displayName = "Progress"
export { Progress }
|