diff --git a/src/components/ui/progress.tsx b/src/components/ui/progress.tsx
new file mode 100644
index 0000000..2a6394f
--- /dev/null
+++ b/src/components/ui/progress.tsx
@@ -0,0 +1,10 @@
+import * as React from "react";
+import { cn } from "@/lib/utils";
+
+export const Progress = ({ value = 0, className, ...props }: React.HTMLAttributes<HTMLDivElement> & { value?: number }) => (
+  <div className={cn("h-2 w-full overflow-hidden rounded-full bg-slate-200", className)} {...props}>
+    <div className="h-full rounded-full bg-indigo-600 transition-all" style={{ width: `${Math.min(100, Math.max(0, value))}%` }} />
+  </div>
+);
+
+export default Progress;