@D_K_D
Intern

Как делать столбы с процентами?

Всем добрый день подскажите пожалуйста как делать столбики с процентами
6074576629705959264576.png
Мне кажется нужно всё это обернуть в ul и к li сделать псевдо элемент , но придётся накладывать на псевдо элемент ещё и полоску с зелёным цветом. Как легче всего это реализовать ?
  • Вопрос задан
  • 147 просмотров
Решения вопроса 2
@tantumus21
div серого цвета. Внутри другой div, но уже зеленого цвета, ширина которого указывается в нужных процентах
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Во-первых, есть тег progress https://webref.ru/html/progress
Во-вторых, все это решается в один div, без вложенных спанов, дивов и прочего мусора
https://jsfiddle.net/enLoc9ga/

Где значение переменной устанавливается через js setProperty(если это меняющееся значение) (и тогда оно попадет в атрибут style, как в примере) либо через кастомное свойство в css, если это бутафория https://jsfiddle.net/enLoc9ga/1/

По запросам пользователей, вариант с выравниванием текста https://jsfiddle.net/enLoc9ga/2/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@molekulyarniy
мои 5 копеек
P.S. почему в сообщении не отображается CodePen??
Ответ написан
Ваш ответ на вопрос

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

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