Как сделать такую полоску?

Question

[DTX]

Answer 1

[Neyury]

Два блока друг над другом с линейным градиентом, цвета которого указаны в формате rgba

Пример

div{
     background: linear-gradient(to left, rgba(255, 255, 255, 0.3) 20%, 
                                          rgba(255, 0, 0, 0.7) 60%, 
                                          rgba(255, 255, 255, 0.3) 80%),
}

Проценты (или другое значение) указывают расположение (в данном случае от левого края)
О градиентах можно почитать тут

Answer 2

[Олег]

Как вариант, поизвращаться https://jsfiddle.net/