Как сверстать линию линию процесса работы?

Question

[anton_trofimov95]

Подскажите пожалуйста, как сверстать такую адаптивную линию с точками, цифрами и текстом

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/QzbrKY вроде похоже

Answer 2

[Олег]

Я бы так заделал.
С любой CMS можно связать через создание списка меню, к примеру

Comments

[Владимир Проскурин]

Зачем тут JS, если такую разметку можно было задать через флексы.

[Олег]

Владимир Проскурин, Это решение для динамического добавления. Использывать или нет в зависимости от ситуации))
На флексах всеравно руками писать, а здесь номера автоматом ставит.

[Владимир Проскурин]

На флексах всеравно руками писать, а здесь номера автоматом ставит.

Зачем руками? Есть же counter. Воспользуюсь примером Максима Ленского для демонстрации
https://codepen.io/anon/pen/vvOQYY
никакой ручной вставки

[Олег]

Владимир Проскурин, Тогда для его случая так лучше ;) https://codepen.io/anon/pen/vvOQgN
Но это при условии, что будет до 9 блоков

[Максим]

Владимир Проскурин, мне удобнее на ручнике делать ... хотя тоже мог был бы вставить счётчик