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

Question

[Djents]

Есть вот такая svg, как можно сделать прогресс-бар из нее и выводить в поле data-level="50" процент заполнения?

Comments

[Модератор]

Правильно оформляйте codepen!

[Djents]

https://codepen.io/djentelmans/pen/vYvNZJg

немножко набросал, проблемы с закруглением теперь

Answer 1

[VoidVolker]

Разместить дочерние элементы в SVG по порядку и использовать MutationObserver для получения события изменения нужного аттрибута.

Comments

[Djents]

https://codepen.io/djentelmans/pen/xxmwrNO
Дошел до этого момента, но пока еще не понимаю, как установить тайм-аут каждому path, чтобы можно было проиграть анимацию заполнения

[VoidVolker]

SetInterval