From 52b955d82aaf081772a04705c0f1f7c4b84a9909 Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Thu, 16 Jun 2022 21:50:57 +0200
Subject: [PATCH] add progression in progress bar

---
 src/renderer/pages/available-versions-list.components.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/pages/available-versions-list.components.tsx b/src/renderer/pages/available-versions-list.components.tsx
index 2535f0be..d1c57fd5 100644
--- a/src/renderer/pages/available-versions-list.components.tsx
+++ b/src/renderer/pages/available-versions-list.components.tsx
@@ -64,8 +64,9 @@ export function AvailableVersionsList() {
         }>
         {currentDownload && !!downloadProgress && (
           <>
-            <div className="h-full w-full rounded-full overflow-hidden bg-main-color-1">
+            <div className="relative h-full w-full rounded-full overflow-hidden bg-main-color-1">
               <div className="w-full h-full rounded-full download-progress -translate-x-full transition-transform" style={{transform: `translate(-${100 - downloadProgress}%, 0)`}}></div>
+              <span className="absolute w-full text-center text-white -top-[3px] left-0 text-[10px]">{`${downloadProgress}%`}</span>
             </div>
             <img className="h-[70px] absolute -translate-x-8 -translate-y-1 transition-all" style={{left: `${downloadProgress}%`}} src={beatRunningImg} />
           </>