Как нарисовать адаптивно вот такой прогресс бар?

Question

[Андрей Охотников]

Нужно сверстать что то вроде прогресс бара как на картинке

Может есть какие то готовые решения или как это сделать адаптивно и кроссбраузерно?

Comments

[sim3x]

Лучше спросить у дизайнера, как он должен выглядеть

[Андрей Охотников]

sim3x, как выглядеть это понятно, вопрос как сверстать :)

[sim3x]

Андрей Охотников, так покажите 3-10 картинок как должно выглядеть

[Nikita-Fast]

Андрей Охотников, svg не верстают а рисуют ...

Answer 1

[Nikita-Fast]

Ну SVG не адаптивен но Резиновый
Я не так давно рисовал уже подобное .... https://codepen.io/topicstarter/pen/jKEyPQ
На stackoverflow есть реализация SVG поведением похожа как у flex-wrap:wrap