Improvements to download menu

2025-11-05 11:52:04 -07:00
parent 8c00a3e553
commit 6677e22ab6
4 changed files with 51 additions and 9 deletions
--- a/src/app/componets/ProgressBar.tsx
+++ b/src/app/componets/ProgressBar.tsx
@@ -0,0 +1,17 @@
+type ProgressBarProps = {
+  progress: number
+  className?: string
+}
+
+export default function ProgressBar ({ progress, className }: ProgressBarProps) {
+  return (
+    <div
+      className={`w-full bg-(--col1) border border-(--col5) rounded-full h-4 overflow-hidden ${className}`}
+    >
+      <div
+        className='bg-(--col8) border-r border-r-(--col5) h-full'
+        style={{ width: `${progress}%` }}
+      />
+    </div>
+  )
+}