prithivMLmods commited on
Commit
f7d0dc2
·
verified ·
1 Parent(s): 1392a59

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +8 -8
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 cool, frozen "ice breeze" animation.
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: #E0F7FA; border-radius: 2px; overflow: hidden;">
141
- <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>
142
  </div>
143
  </div>
144
  <style>
145
- @keyframes iceBreeze {{
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
  '''