Задать вопрос
@Slash2018
javascript

Как это сверстать?

b95801bcd5d64e6ebe78a0ebf4afe21f.png

Как это сверстать?
  • Вопрос задан
  • 892 просмотра
Комментировать
Подписаться 5 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 4
trampick
@trampick
Веб-разработчик
Похожий пример
Ответ написан
Комментировать
Комментировать
Anna_BS
@Anna_BS
codepen.io
Ответ написан
Комментировать
Комментировать
atis2345
@atis2345
PHP developer
Структура:
div.minus
div.center <- relative
      span.label
      span.value <- absolute OR vertical-align: bottom
      div.progress
          div.value
div.plus
Ответ написан
Комментировать
Комментировать
TroL929
@TroL929
веб-программист
Берете две картинки по квадратику. и пишите два дива один в другом. Внешнему диву задаете фон серыми повторяющимися квадратиками, в внутреннему диву синие квадратики. и просто изменяете ширину внутреннего дива.

Можно сделать из мнежественных спанов, но тут js надо больше писать, а по вопросу видимо опыта у Вас мало
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Парсинг интернет магазина
10 мая 2024, в 09:30
500 руб./за проект
Исправить код шахмат на С++ с использованием библиотеки winbgim
10 мая 2024, в 05:53
2000 руб./за проект
Создание короткого видео
10 мая 2024, в 03:40
1500 руб./за проект
Ещё заказы