Как правильно сверстать такую пошаговую форму?

Question

[ValeraValera]

Как правильно сверстать такую форму и организовать переходы между состояниями с переключением индикатора прогресса (шага) ?

Comments

[pticakuk]

11111

Answer 1

[Дима Паутов]

Обычными табами можно

Answer 2

[fasnet]

Табами. Можно использовать фреймворк bootstrap и быстро под себя кастомизировать табы. А если быть более точным, то при клике на кнопку определяете какой li сейчас активен, после чего делаете активным следующий li. getbootstrap.com/javascript/#tabs