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:
@@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user