diff --git a/frontend/src/components/Progress.tsx b/frontend/src/components/Progress.tsx
new file mode 100644
index 0000000..30abaf4
--- /dev/null
+++ b/frontend/src/components/Progress.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import { Icon } from '@iconify/react';
+
+interface ProgressProps {
+  percent: number;
+  disableReturn?: boolean;
+}
+
+export default function Progress({percent, disableReturn}: ProgressProps) {
+  return <div className="flex gap-2 items-center">
+    {!disableReturn && <Icon icon="mdi:arrow-left" className="text-gray-400 text-2xl" />}
+    <div className="relative bg-gray-200 h-4 rounded-xl flex-1">
+      {percent > 0 && <div className="absolute bg-green h-4 rounded-xl" style={{width: `${percent}%`}}></div>}
+    </div>
+  </div>
+}