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>
+  );
+}