Mello Mello

Всё что вам нужно: https://jsfiddle.net/608fz5gc/

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

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