Как сделать круглый индикатор выполнения?

Question

[Galdar Turin]

Как реализовать индикатор выполнения без таймера только на увеличение числа до определенного момента?
Смотрел уже готовые библиотеки но они на таймере.
Тут ещё сложность в том что горизонтальный я и сам написать могу, а круглый индикатор выполнения не могу разобраться как сделать.

Горизонтальный Индикатор выполнения: https://jsfiddle.net/GaldarTurin/0mo5gsv8/
Есть бэк который передает проценты и хочу запихнуть их в что-то подобное:

Comments

[Пашенька]

Круглый от горизонтального отличается только тем, что перед вами окружность. Математику в школе проходили? Я вот списывал постоянно, но даже я знаю, что такое длина окружности.

[Galdar Turin]

like-a-boss, класс, я рад, что не понятного в том что мне нужна круглая но по смысле как горизонтальная?

Answer 1

[Пашенька]

ПыСы: джейквери - это не круто.

Answer 2

[Александр Вульф]

https://google.gik-team.com/?q=svg+%D0%BA%D1%80%D1...

Comments

[Galdar Turin]

орнул!

Answer 3

[Yuriy Lyadov]

По типу этого можно сделать https://fokit.ru/krugovye-indikatory-html-css/