Как сделать разноцветную полоску?

Question

[Иван]

как сделать вот такую полоску на css?

должна быть вверху блока

Comments

[Иван]

Сделать блок а в него картинкой нельзя

Answer 1

[Cr2ed]

.line {
  height: 5px;
}
.gradient {
  background: linear-gradient(to right, green , blue);
}

<div class="line gradient"></div>

Параллельно читаем https://www.w3schools.com/css/css3_gradients.asp

Answer 2

[Артур Карапетян]

градиент?