@R1msk1y

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

Приветствую!
Нужно вставить вот такой прогресс бар в верстку - https://d.radikal.ru/d20/2112/02/9c05a4b54c56.png
Может кто то подсказать какое то готовое решение - на JS/Jqery?
Что бы можно было менять цвета полоски прогресса. По макету 3 цвета.
У меня стоит задача, вставить его в определенное место на сайте, чтобы он запускался по клику( по клику на условную кнопку, т.е. идет клик по кнопке запускается этот прогресс бар/отрабатывает/далее я его скрываю через SetTimeOut).
  • Вопрос задан
  • 111 просмотров
Пригласить эксперта
Ответы на вопрос 1
SlavaMaxwell
@SlavaMaxwell
HTML-верстальщик
Гуглится легко https://codepen.io/alvaromontoro/pen/LYjZqzP далее касаемо по времени сколько займёт анимация зависит от бэка, в том смысле, что пока ответ приходит от сервера, прогресс может остановиться на пару секунд на каком то значение, а далее уже идти дальше, как то так, вы можете просто сделать тайминг через css как заглушку, далее бэк должен разобраться, а чтобы блок скрывался достигнув 100% пропишите скрипт с условием если 100 то там display none, как то так, пробуйте
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы