Как сверстать такой квиз (прогресс-бар)?

Question

[kimqar_ver]

Вопрос заключается в верстке шагов (этапов прохождения) квиза. Справа внизу есть прогресс-бар, который заполняется по мере прохождения квиза. Как сделать чтобы он заполнялся в соответствии с этапом квиза?
Например, изначально прогресс бар на первом этапе составляет 25% из 100%, на втором этапе 50% из 100%, как делать чтобы шкала заполнялась и наоборот уменьшалась, если нажата кнопка "назад"?

Answer 1

[Максим]

Используй тэг <progress> https://habr.com/ru/post/266895/