Как наложить одну полосу на другую?

Question

[Gidroce]

На ум приходит разве что :before но через него для красной полосы наследуется opacity 0.1 которая установлена на серой полосе

Comments

[Ankhena]

Зачем серой полосе прозрачность? Может можно заменить на rgba или на соответствующий непрозрачный серый?

Можно и без псевдо, а оба цвета градиентами.

[Gidroce]

Ankhena, вообще, в макете конкретный цвет указан, про ргба тоже уже подумал, может так и сделаю. Есть ещё мысль сделать двумя hr, один спозиционировать абсолютно и задать красный цвет и высоту. Это норм способ или лучше через before?

[Ankhena]

Есть ещё мысль сделать двумя hr, один спозиционировать абсолютно и задать красный цвет и высоту. Это норм способ

Нет, конечно, не нормальный.
hr это смысловой тег.

А вам по смыслу больше подходит progress. Если это не просто украшение.

[Gidroce]

Ankhena, понял, тогда сделаю через before и rgba

Answer 1

[Владимир Коротенко]

Comments

[Gidroce]

Этот способ я уже пробовал, он не подходит, т.к. если поставить прозрачность на див, то она перейдет и на before, а это не нужно

[Владимир Коротенко]

Gidroce, ставте оптикали на бефор в 1