Spaces:
Running
on
Zero
Running
on
Zero
Update app.py
Browse files
app.py
CHANGED
@@ -132,19 +132,19 @@ 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
|
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
|
142 |
</div>
|
143 |
</div>
|
144 |
<style>
|
145 |
-
@keyframes
|
146 |
-
0% {{
|
147 |
-
100% {{
|
148 |
}}
|
149 |
</style>
|
150 |
'''
|
|
|
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 animated effect.
|
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: #2c2c2c; border-radius: 2px; overflow: hidden;">
|
141 |
+
<div style="width: 100%; height: 100%; background: linear-gradient(90deg, #FF4500, #FF8C00, #FFA500); background-size: 200% 100%; animation: fire 1.5s linear infinite;"></div>
|
142 |
</div>
|
143 |
</div>
|
144 |
<style>
|
145 |
+
@keyframes fire {{
|
146 |
+
0% {{ background-position: 200% 0; }}
|
147 |
+
100% {{ background-position: -200% 0; }}
|
148 |
}}
|
149 |
</style>
|
150 |
'''
|