JSFiddle - React, Tailwind, and code Playground

by silb3r

HTML

<div class="color-bar">
</div>

CSS

.color-bar {
  width: 100%;
  height: 10px;
  background: repeating-linear-gradient(
    90deg,
    #a90333,
    #a90333 10px,
    #cc612b 10px,
    #cc612b 20px,
    #ffc20b 20px,
    #ffc20b 30px,
    #488832 30px,
    #488832 40px,
    #004271 40px,
    #004271 50px
  );
}