prithivMLmods commited on
Commit
00ac8f7
·
verified ·
1 Parent(s): 2cf24a1

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +6 -6
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 as a dark red animated bar.
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: #FFF0F5; border-radius: 2px; overflow: hidden;">
141
- <div style="width: 100%; height: 100%; background-color: #FF69B4; animation: loading 1.5s linear infinite;"></div>
142
  </div>
143
  </div>
144
  <style>
145
- @keyframes loading {{
146
- 0% {{ transform: translateX(-100%); }}
147
- 100% {{ transform: translateX(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
  '''