Как создать дугу на CSS?

Question

[Dimox]

Приветствую.

Необходимо сделать вот такую дугу, которая будет меняться от нуля до 100%, превращаясь в круг. При этом все, что белым цветом - полупрозрачно.



Реально ли это сделать на CSS? Или придется использовать canvas/SVG? Хотелось бы увидеть живой пример.

Answer 1

[Амир Гафуров]

Пример на SVG

Небольшая библиотечка, так же использует SVG

На CSS возможно невозможно сделать :)

Comments

[Dimox]

Спасибо, это то, что нужно.

[Амир Гафуров]

Dimox: о, обратил внимание на никнейм! Dimox! Спасибо за чудесные плагины для стилизации элементов форм, пользовался ими с удовольствием на большинстве работ!

[Dimox]

Амир Гафуров: Пожалуйста =)

Answer 2

[Дмитрий]

https://jsfiddle.net/soledar10/an3uq75L/