Как создать такие бары?

Question

[Андрей Романов]

Доброго времени суток друзья. Подскажите пожалуйста, как правильно создать бары, которые на скриншоте. Их будет много и мне нужно понять, как правильно это организовать и с помощью чего их создать, дайте пожалуйста пример. Спасибо!

Comments

[Aetae]

В чём твоя проблема? Что не получается?

[Андрей Романов]

Aetae, ну технически это как? заполнять контейнер фоном или может есть JS плагин какой, как правильно ?

[Aetae]

Андрей Романов, 4 дива: 1 контейнер, 1 слева с цифрой, 1 справа с процентом, 1 сзади с абсолютной позицией, заливкой и шириной в процентах.
Простейшая javascript обвязка вокруг(или совсем без неё, а сразу на сервере генерить).

Библиотек полно, но такую простую штуку проще руками сделать, извиняюсь за тавтологию.

[Ankhena]

Один div, в нем два span. Один для числа, другой для %.
Цветной фон либо фоновым градиентом либо псевдоэлементом спозиционированным с помощью гридов. Ширина псевдо (или точка перехода градиента) c помощью кастомных свойств.

Что именно у вас не получилось?

[Chesterfield25]

Bootstrap в помощь https://getbootstrap.com/docs/5.0/getting-started/...
Grid или Columns на выбор!