JSFiddle - React, Tailwind, and code Playground

HTML

<!--Красные уровни-->
<table>


<!--Зеленые уровни-->
<tbody>
  <tr>
    <td>695</td>
    <td>0.00323</td>
    <td>215</td>
    <td>215</td>
  </tr>
</tbody>
  
 </ table>

CSS

td {
  border: 1px solid black;
  min-width: 100px;
  position: relative;
  text-align: center;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(82,255,0,1) 42%, rgba(82,255,0,1) 100%);
}