Как сделать полукруглый прогрессбар с определенным значением?

Question

[Владислав Бойченко]

Добрый вечер.
Столкнулся с проблемой, которую не могу сам решить. Нужно сделать прогрессбар с указываемым в дата-атрибуте процентом и градиентной заливкой. Сначала рыл в сторону графиков (ChartJs, Google Charts, D3, HighCharts и т.д.), но потому понял, что это все-таки не график, а прогрессбар. Да и все равно в тех библиотеках подходящего ничего не нашел.
Чистый CSS также не подходит, там везде через transform: rotate указывается "заполненость" прогресса.
Может кто-то что-то такое реализовывал? Или видел где-то? Важно, чтобы можно было кастомизировать до нужного вида, как в спойлере.
Спасибо!

Картинка тут

Answer 1

[Иван]

https://codepen.io/adeveloperdiary/pen/VaQRqe
__________________________________________________

Вторая же ссылка в гугле по-запросу : half circle progress bar.

:)
____________
https://stackoverflow.com/questions/39051691/how-c...

Comments

[Владислав Бойченко]

Видел, самое близкое к тому, что мне нужно было. Но кастомизировать вообще не смог так, как нужно.

[Иван]

Владислав Бойченко, Не знаете js?
https://kimmobrunfeldt.github.io/progressbar.js/

[Владислав Бойченко]

Иван, да, в 2к18 еще не знаю)
С этим та же проблема -- не могу кастомизировать. Помимо всего прочего, что я не могу с этим сделать, также какое бы значение не вводил, прогрессбар всегда полностью заполняется, меняя только цифру

[Иван]

Владислав Бойченко, https://www.youtube.com/watch?v=PUu927BmCnI