Update app.py

app.py

@@ -131,35 +131,21 @@ def randomize_seed_fn(seed: int, randomize_seed: bool) -> int:
 
 def progress_bar_html(label: str) -> str:
     """
-    Returns an HTML snippet for a thin progress bar with a thunder strike animation.
-    The progress bar simulates a lightning bolt streaking across a dark background.
+    Returns an HTML snippet for a thin progress bar with a label.
+    The progress bar is styled with a cool, frozen "ice breeze" animation.
     """
     return f'''
 <div style="display: flex; align-items: center;">
     <span style="margin-right: 10px; font-size: 14px;">{label}</span>
-    <div style="width: 110px; height: 5px; background-color: #222; border-radius: 2px; position: relative; overflow: hidden;">
-        <div class="lightning"></div>
+    <div style="width: 110px; height: 5px; background-color: #E0F7FA; border-radius: 2px; overflow: hidden;">
+        <div style="width: 100%; height: 100%; background: linear-gradient(270deg, #B3E5FC, #81D4FA, #B3E5FC); background-size: 600% 600%; animation: iceBreeze 2s ease-in-out infinite;"></div>
     </div>
 </div>
 <style>
-@keyframes strike {{
-    0% {{ left: -15px; opacity: 0; }}
-    10% {{ left: 0; opacity: 1; }}
-    20% {{ left: 25px; opacity: 0; }}
-    30% {{ left: 50px; opacity: 1; }}
-    40% {{ left: 75px; opacity: 0; }}
-    50% {{ left: 90px; opacity: 1; }}
-    60% {{ left: 110px; opacity: 0; }}
-    100% {{ left: 110px; opacity: 0; }}
-}}
-
-.lightning {{
-    position: absolute;
-    width: 15px;
-    height: 5px;
-    background-color: #fff;
-    clip-path: polygon(50% 0%, 60% 30%, 50% 30%, 60% 60%, 40% 60%, 50% 100%, 30% 70%, 40% 50%, 30% 50%, 40% 30%);
-    animation: strike 2s infinite;
+@keyframes iceBreeze {{
+    0% {{ background-position: 0% 50%; }}
+    50% {{ background-position: 100% 50%; }}
+    100% {{ background-position: 0% 50%; }}
 }}
 </style>
     '''