JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
  height:5px;
  border-bottom:50px solid #1D465B;
  background-image: repeating-linear-gradient(to right, #FB5441, #FB5441 100px, #8ABE2C 100px, #8ABE2C 200px, #FBB527 200px, #FBB527 300px);
}