From 6d568fbf3478e18470be6ea1cef6faa11e2bdef9 Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Sun, 26 Nov 2023 01:11:09 -0500
Subject: [PATCH] [+] Progress bar

---
 frontend/src/components/Progress.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 frontend/src/components/Progress.tsx

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