From 0e571ea3a5bcdf056e9904a6b0d1eb516d528452 Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:11:08 +0330
Subject: [PATCH] Import source: src/components/ui/progress

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 src/components/ui/progress.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/ui/progress.tsx

diff --git a/src/components/ui/progress.tsx b/src/components/ui/progress.tsx
new file mode 100644
index 0000000..0452f35
--- /dev/null
+++ b/src/components/ui/progress.tsx
@@ -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>
+  );
+}