Update app.py

app.py

@@ -8,12 +8,15 @@ with gr.Blocks() as demo:
         # Т.к. нет встроенного прогрессбара, используем Markdown или HTML
         gr.Markdown("### Progress bar")
     with gr.Row():
-        # Имитируем три заполненных квадрата и 7%
-        gr.HTML("<div style='display:flex;align-items:center;'>"
-                "<div style='width:20px;height:20px;background:black;margin-right:5px;'></div>"
-                "<div style='width:20px;height:20px;background:black;margin-right:5px;'></div>"
-                "<div style='width:20px;height:20px;background:black;margin-right:10px;'></div>"
-                "<span>7%</span></div>")
+        # HTML для прогресс-бара
+        progress_bar_html = """
+        <div style="width: 100%; background-color: #e0e0e0; border-radius: 10px; overflow: hidden;">
+            <div style="width: 7%; background-color: #4caf50; height: 20px; text-align: center; color: white;">
+                7%
+            </div>
+        </div>
+        """
+        gr.HTML(progress_bar_html)
     
     with gr.Row():
         # Левая колонка: Продукт