[Баг]: Появление горизонтального скрола

Описание

На станицах учебника, при наличии вертикального скрола (desktop разрешение), после скрола до progress-bar, появляется горизонтальный скрол.

Как воспроизвести?

Чтобы воспроизвести баг, нужно:

1. Открыть любую страницу в учебнике (например: https://learn.javascript.ru/intro), на разрешении от 670px и выше, с вертикальным скролом.
   
2. Проскролить до элемента .tutorial-progress и внизу экрана появится появиться горизонтальная полоса прокрутки.
   

При этом элемент <progress> заменятся на <div style="width: ...px ...> в котором не корректно рассчитана ширина элемента, в моем примере 1px исправляет проблему.

Браузер

Chrome 125.0.6422.60

Reproduziere das Problem auf einer Tutorial-Seite wie /intro in Chrome bei einer Desktop-Breite von 670px oder mehr. Scrolle dann zu .tutorial-progress und überprüfe das Ersatz-div des Fortschrittselements und die berechnete Breite. Fertig bedeutet, dass beim Scrollen zur Fortschrittsleiste keine horizontale Bildlaufleiste mehr erstellt wird.