Как сделать анимированную линию заполнения с этапами?

Question

[kryamk]

Input[type="range"] и процентами для каждого этапа? А кружки отдельными элементами
Или может линию с кружками сделать svg и там background менять. Тож как-то поди процент высчитать...