Update styles.css

public/styles.css

@@ -190,7 +190,21 @@
             transition: width 0.5s ease;
         }
 
-        /* Плавная загрузка страницы */
+        /* Анимация прогресс-бара от 0 до значений персонажа */
+        .progress-bar-inner {
+            width: 0;
+        }
+
+        .progress-bar-inner.loaded {
+            width: 100%;
+        }
+
+        /* Анимация кругового прогресса */
+        .progress-ring.loaded {
+            stroke-dashoffset: 0;
+        }
+
+        /* Анимация появления */
         .fade-in {
             animation: fadeIn 0.5s;
         }