Import source: src/components/ui/progress

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
This commit is contained in:
arsam
2026-09-18 23:11:08 +03:30
parent 7090f195f6
commit 0e571ea3a5
+18
View File
@@ -0,0 +1,18 @@
"use client";
import * as ProgressPrimitive from "@radix-ui/react-progress";
import { cn } from "@/lib/utils";
export function Progress({ value, className }: { value: number; className?: string }) {
return (
<ProgressPrimitive.Root
className={cn("h-2 overflow-hidden rounded-full bg-muted/80", className)}
value={value}
>
<ProgressPrimitive.Indicator
className="h-full rounded-full bg-gradient-to-r from-primary/70 to-primary shadow-[0_0_8px_hsl(var(--primary)/0.5)] transition-transform duration-500 ease-out"
style={{ transform: `translateX(-${100 - value}%)` }}
/>
</ProgressPrimitive.Root>
);
}