Закрасить часть бордера в круге?

Question

[MegaPuxapb]

Так понимаю, подобное делают через плагины типа этого jquery-circle-progress или есть варианты попроще?

Comments

[Максим]

svg а за основу взять самодельный json - это что бы вёрстку не засорять

Answer 1

[origami1024]

Нужно всего-навсего изменять css св-во stroke-dashoffset у svg-тэга <circle>

Вот базовый пример

Comments

[MegaPuxapb]

Спасибо!

Answer 2

[Максим]

По этому принципу всё делается подобное но скажу что это не простая задача - сначала всё отрисовать а потом уже присваивать какой то class который отвечает за активный class



Или вот так где большая работа на css сделана

Comments

[origami1024]

это не простая задача - сначала всё отрисовать а потом уже присваивать какой то class который отвечает за активный class

Я так и не понял в чем тут "не простая задача", даже если не учитывать, что вопрос ОПа это просто "Закрасить часть бордера в круге".
Для тебя сложно рассчитать позиции "лейблов" четко на круге или в чем проблема?

[Максим]

origami1024, я не вижу сложности - лишь бы понимать на какой технологии это реализуемо

[MegaPuxapb]

Спасибо!