Update gui.py

gui.py

@@ -295,6 +295,46 @@ def create_interface():
             font-size: 1.8rem; /* Mobil için biraz daha küçük başlık */
         }
     }
+
+    /* Progress Bar Stilleri (Görseldeki tasarıma uygun) */
+    .gr-progress-bar {
+        background-color: #1a1a1a !important; /* Koyu arka plan */
+        border-radius: 5px !important;
+        border: 1px solid #333 !important; /* Hafif sınır */
+        height: 20px !important;
+        overflow: hidden !important;
+        position: relative !important;
+    }
+    .gr-progress-bar .progress {
+        background-color: #007bff !important; /* Mavi ilerleme çubuğu */
+        height: 100% !important;
+        border-radius: 5px !important;
+        transition: width 0.3s ease !important;
+    }
+    .gr-progress-bar .progress-text {
+        position: absolute !important;
+        top: 0 !important;
+        left: 0 !important;
+        width: 100% !important;
+        height: 100% !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        color: #ffffff !important; /* Beyaz metin */
+        font-size: 12px !important;
+        font-weight: bold !important;
+        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5) !important; /* Hafif gölge */
+    }
+    .gr-progress-bar .progress-stats {
+        position: absolute !important;
+        bottom: -20px !important; /* Altında adım ve süre bilgisi */
+        left: 0 !important;
+        width: 100% !important;
+        text-align: center !important;
+        color: #007bff !important; /* Mavi metin */
+        font-size: 10px !important;
+        font-weight: normal !important;
+    }
     """
 
     # Arayüz tasarımı