Реализовать форму через круги с текстом и резиновая линия между ними, при этом использовать before/after?
найти готовый 
kodhus.com/newsite/step-progress-bar-css-only
Линию нарисовать градиентом на фоне UL по центру
LI сделать круглыми с фоном, расположить флексом, space-between.
По дефолту зеленые, .active - красный, .active ~ li - серые