JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<div>
</div>

CSS

div {
  width: 200px;
  height: 12px;
  margin: 20px;
}

div {
  background: linear-gradient(90deg, #F1BA98 0%, #e57373 49.5%, #64B5F6 49.5%, #64B5F6 51.5%, #e57373 51.5%, #F1BA98 100%) no-repeat 50% 50% / 100% 100%;
  border-radius: 7px;
}