Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
vikas_web
@vikas_web
HTML
CSS
SVG
Как реализовать нестандартный прогресс бар?
с скруглениями
возможно два варианта
Вопрос задан
более трёх лет назад
116 просмотров
Комментировать
Подписаться
1
Сложный
Комментировать
Facebook
Вконтакте
Twitter
Решение
пользователя
Dimka59
К ответам
на вопрос
(1)
Dimka59
@Dimka59
на codepen много вариантов можно найти вот например через svg
https://codepen.io/sergiopedercini/pen/jmKdbj
Ответ написан
более трёх лет назад
4
комментария
Нравится
1
4
комментария
Facebook
Вконтакте
Twitter
vikas_web
@vikas_web
Автор вопроса
Dimka59
, спасибо, а во втором случае еще какая-то белая полоска есть (прижимается к той полоске)
как её можно добавить?
Написано
более трёх лет назад
Dimka59
@Dimka59
белая полоска это border у изображения. border: 2px solid #fff; - например
Написано
более трёх лет назад
vikas_web
@vikas_web
Автор вопроса
Dimka59
, так не костыльно? картинка через абсолют
https://jsfiddle.net/2gz10Ltd/
Написано
более трёх лет назад
Dimka59
@Dimka59
vikas_web
, не костыльно, только position: relative; задайте классу single-chart чтоб выровнять круг
Написано
более трёх лет назад
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама