File size: 555 Bytes
7f9f518 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
"use client";
import * as ProgressPrimitive from "@radix-ui/react-progress";
export function Progress({ value }: { value: number }) {
const v = Math.max(0, Math.min(100, value));
return (
<ProgressPrimitive.Root className="relative h-2 w-full overflow-hidden rounded-full bg-neutral-200" value={v}>
<ProgressPrimitive.Indicator
className="h-full w-full origin-left rounded-full bg-neutral-900 transition-transform duration-500"
style={{ transform: `translateX(-${100 - v}%)` }}
/>
</ProgressPrimitive.Root>
);
}
|