Update app.py
Browse files
app.py
CHANGED
|
@@ -132,20 +132,20 @@ def randomize_seed_fn(seed: int, randomize_seed: bool) -> int:
|
|
| 132 |
def progress_bar_html(label: str) -> str:
|
| 133 |
"""
|
| 134 |
Returns an HTML snippet for a thin progress bar with a label.
|
| 135 |
-
The progress bar is styled with a
|
| 136 |
"""
|
| 137 |
return f'''
|
| 138 |
<div style="display: flex; align-items: center;">
|
| 139 |
-
<span style="margin-right: 10px; font-size: 14px;">{label}</span>
|
| 140 |
-
<div style="width: 110px; height: 5px; background-color: #
|
| 141 |
-
<div style="width: 100%; height: 100%; background: linear-gradient(
|
| 142 |
</div>
|
| 143 |
</div>
|
| 144 |
<style>
|
| 145 |
-
@keyframes
|
| 146 |
-
0% {{ background-position: 0% 50%; }}
|
| 147 |
-
50% {{ background-position: 100% 50%; }}
|
| 148 |
-
100% {{ background-position: 0% 50%; }}
|
| 149 |
}}
|
| 150 |
</style>
|
| 151 |
'''
|
|
|
|
| 132 |
def progress_bar_html(label: str) -> str:
|
| 133 |
"""
|
| 134 |
Returns an HTML snippet for a thin progress bar with a label.
|
| 135 |
+
The progress bar is styled with a fire-like animation.
|
| 136 |
"""
|
| 137 |
return f'''
|
| 138 |
<div style="display: flex; align-items: center;">
|
| 139 |
+
<span style="margin-right: 10px; font-size: 14px; color: #fff;">{label}</span>
|
| 140 |
+
<div style="width: 110px; height: 5px; background-color: #333; border-radius: 2px; overflow: hidden;">
|
| 141 |
+
<div style="width: 100%; height: 100%; background: linear-gradient(45deg, #FF4500, #FFA500, #FFFF00); background-size: 200% 200%; animation: fire 1s ease-in-out infinite;"></div>
|
| 142 |
</div>
|
| 143 |
</div>
|
| 144 |
<style>
|
| 145 |
+
@keyframes fire {{
|
| 146 |
+
0% {{ background-position: 0% 50%; filter: brightness(1.2); }}
|
| 147 |
+
50% {{ background-position: 100% 50%; filter: brightness(0.8); }}
|
| 148 |
+
100% {{ background-position: 0% 50%; filter: brightness(1.2); }}
|
| 149 |
}}
|
| 150 |
</style>
|
| 151 |
'''
|