Как сверстать такую форму регистрации?

Question

[Vladislav]

Плашка «Шаги 1-2-3-4» не перегружается. Сама плашка с циферками не должна перегружаться, а должна отображать текущий шаг оформления покупки. При полном заполнении определенного шага и перехода на следующий - происходит постепенное заполнение линии между цифрами зеленым цветом, сама цифра с со своим заливается зеленым цветом, а поверх заливки появляется белая галочка как сделать подобное без фреймворков подобных react/vue/angular, а на чистом jquery и js

Answer 1

[approximate solution]

Остальное за css, и логикой.
https://codepen.io/Creative_Srijon/pen/LNzrRo
https://codepen.io/Creative_Srijon/pen/xVXzOM
https://www.w3schools.com/howto/howto_js_form_steps.asp