Задать вопрос
tsepen
@tsepen
Frontend developer
css

Как нарисовать адаптивно вот такой прогресс бар?

Нужно сверстать что то вроде прогресс бара как на картинке 5ba1fc236bb2d323505784.png

Может есть какие то готовые решения или как это сделать адаптивно и кроссбраузерно?
  • Вопрос задан
  • 320 просмотров
4 комментария
Подписаться 2 Средний 4 комментария
Пригласить эксперта
Ответы на вопрос 1
Nikita-Fast
@Nikita-Fast
SVGшник и леплю что попало
Ну SVG не адаптивен но Резиновый
Я не так давно рисовал уже подобное .... https://codepen.io/topicstarter/pen/jKEyPQ
На stackoverflow есть реализация SVG поведением похожа как у flex-wrap:wrap
Ответ написан
Комментировать
Нравится 1 Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Ведущий разработчик JavaScript
СИГМА • Санкт-Петербург
от 190 000 ₽
UI Frontend Developer
Vectorly • Москва
от 80 000 до 120 000 ₽
HTML-верстальщик
JustControl.it • Санкт-Петербург
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Выгрузка и редактирование карточек товара на InSale + загрузка на ЯМ
30 июл. 2021, в 07:38
3000 руб./за проект
Верстка страниц
30 июл. 2021, в 07:37
3000 руб./за проект
Сделать иллюстрацию к статье
30 июл. 2021, в 03:58
500 руб./за проект
Ещё заказы