diff --git a/web/src/features/progress/Progressbar.tsx b/web/src/features/progress/Progressbar.tsx
index 72b8e3e..c798291 100644
--- a/web/src/features/progress/Progressbar.tsx
+++ b/web/src/features/progress/Progressbar.tsx
@@ -66,18 +66,20 @@ const Progressbar: React.FC = () => {
 
   return (
     <>
-      <Box className={classes.container}>
-        <Box
-          className={classes.bar}
-          onAnimationEnd={progressComplete}
-          sx={{
-            width: '0%',
-            animation: 'progress-bar linear',
-            animationDuration: `${duration}ms`,
-          }}
-        />
-        <Text className={classes.label}>{label}</Text>
-      </Box>
+      {visible && (
+        <Box className={classes.container}>
+          <Box
+            className={classes.bar}
+            onAnimationEnd={progressComplete}
+            sx={{
+              width: '0%',
+              animation: 'progress-bar linear',
+              animationDuration: `${duration}ms`,
+            }}
+          />
+          <Text className={classes.label}>{label}</Text>
+        </Box>
+      )}
     </>
   );
 };