Реализовать форму через круги с текстом и резиновая линия между ними, при этом использовать before/after?

Question

[Mello Mello]

Каким образом провести линию между кругами, чтобы добавляя элементы все работало и не слетало?

Comments

[xdevelx]

Это Техзадание?

Answer 1

[hzzzzl]

найти готовый
kodhus.com/newsite/step-progress-bar-css-only

Answer 2

[Сергей delphinpro]

Линию нарисовать градиентом на фоне UL по центру
LI сделать круглыми с фоном, расположить флексом, space-between.
По дефолту зеленые, .active - красный, .active ~ li - серые