Как правильно сверстать декоративный элемент?

Question

[Koreetz Koreetz]

День добрый! подскажите пожалуйста как правильно сверстать такой элемент?
Заранее спасибо!

Comments

[Koreetz Koreetz]

Нужен чистый HTML/CSS никакого JS!!!

[L0k1]

че орёшь? *тебе Александр Зачиналов* дал ответ, и если ты в codepen не способен в готовом коде отличить есть ли там js или нет - тебе вообще ненадо лезть во всякие там программирования

Answer 1

[Александр Зачиналов]

codepen.io/JoshuaTyree/pen/MYZepb

Comments

[Koreetz Koreetz]

А не подскажете JS использовали в коде?

[Владимир Проскурин]

Дмитрий Мальнев: проверь.

[Владимир Проскурин]

На выходе получается какой то дикий кошмар :-) Лучше SVG+JS

[Александр Зачиналов]

js нет, чистый css, несложный каркас + стили с градиентом на все возможные целые значения от 0 до 100

Answer 2

[andriyan0v]

Здесь красивые прогресс бары на svg.

Answer 3

[tef]

Немного не то, что вам нужно, но тема смежная (язык английский) www.youtube.com/watch?v=s4HdeJctq-A