vladislav_boychenko
@vladislav_boychenko
Купаюсь в гривнах

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

Добрый вечер.
Столкнулся с проблемой, которую не могу сам решить. Нужно сделать прогрессбар с указываемым в дата-атрибуте процентом и градиентной заливкой. Сначала рыл в сторону графиков (ChartJs, Google Charts, D3, HighCharts и т.д.), но потому понял, что это все-таки не график, а прогрессбар. Да и все равно в тех библиотеках подходящего ничего не нашел.
Чистый CSS также не подходит, там везде через transform: rotate указывается "заполненость" прогресса.
Может кто-то что-то такое реализовывал? Или видел где-то? Важно, чтобы можно было кастомизировать до нужного вида, как в спойлере.
Спасибо!
Картинка тут
5a5b68e5e100f853995134.jpeg
  • Вопрос задан
  • 619 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Za0r
pop()
https://codepen.io/adeveloperdiary/pen/VaQRqe
__________________________________________________

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

:)
____________
https://stackoverflow.com/questions/39051691/how-c...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы