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