diff --git a/renderer/components/upscayl-tab/view/ProgressBar.tsx b/renderer/components/upscayl-tab/view/ProgressBar.tsx
index 6f33095..aa2c89e 100644
--- a/renderer/components/upscayl-tab/view/ProgressBar.tsx
+++ b/renderer/components/upscayl-tab/view/ProgressBar.tsx
@@ -28,14 +28,14 @@ function ProgressBar({
       <div className="flex flex-col items-center rounded-btn bg-base-100/50 p-4 backdrop-blur-lg">
         <Logo className="spinner mb-4 h-12 w-12" />
         <p className="rounded-full px-2 pb-2 font-bold">
-          {batchMode && "Batch Upscale In Progress: " + batchProgress}
-
-          {!batchMode &&
-            (doubleUpscaylCounter > 0
-              ? `${progress}\nPass ${doubleUpscaylCounter}`
-              : `${progress}`)}
+          {batchMode && `Batch Upscayl In Progress: ${batchProgress}` }
         </p>
-
+        {progress !== "Hold on..." ? (
+          <div className="radial-progress text-center" style={{ "--value": parseFloat(progress.replace("%", '')) }} role="progressbar" aria-valuenow={ parseFloat(progress.replace("%", '')) } aria-valuemin="0" aria-valuemax="100">
+            {progress}
+            {!batchMode && (doubleUpscaylCounter > 0) && "\nPass " + doubleUpscaylCounter}
+          </div>
+        ) : progress}
         <p className="animate-pulse rounded-full px-2 pb-3 text-sm font-medium">
           Doing the Upscayl magic...
         </p>