JSFiddle - React, Tailwind, and code Playground

HTML

<body class="test_gradient">

CSS

.test_gradient {
background: 
linear-gradient(
      to right, 
      #000000,
      #000000 20%,
      #ff0000 20%,
      #ff0000 80%,
      #000000 80%
    );



}