Как сделать круговой, процентный прогресс бар на JS/Jqery?

Question

[R1msk1y]

Приветствую!
Нужно вставить вот такой прогресс бар в верстку - https://d.radikal.ru/d20/2112/02/9c05a4b54c56.png
Может кто то подсказать какое то готовое решение - на JS/Jqery?
Что бы можно было менять цвета полоски прогресса. По макету 3 цвета.
У меня стоит задача, вставить его в определенное место на сайте, чтобы он запускался по клику( по клику на условную кнопку, т.е. идет клик по кнопке запускается этот прогресс бар/отрабатывает/далее я его скрываю через SetTimeOut).

Answer 1

[Vladislav]

Гуглится легко https://codepen.io/alvaromontoro/pen/LYjZqzP далее касаемо по времени сколько займёт анимация зависит от бэка, в том смысле, что пока ответ приходит от сервера, прогресс может остановиться на пару секунд на каком то значение, а далее уже идти дальше, как то так, вы можете просто сделать тайминг через css как заглушку, далее бэк должен разобраться, а чтобы блок скрывался достигнув 100% пропишите скрипт с условием если 100 то там display none, как то так, пробуйте