JSFiddle - React, Tailwind, and code Playground

HTML

<div class="info-container-item-progrssbar-bar info-container-item-progrssbar-bar-color">
          <div class="info-container-item-progrssbar-bar-inner"></div>
    </div>

SCSS

.info-container-item-progrssbar-bar {
      border-radius: 10px;
      width: 20%;
      margin: 20px 0 0 0;
      overflow: hidden;
      &.info-container-item-progrssbar-bar-color {
        background-color: darken(blue, 1%);
      }
      .info-container-item-progrssbar-bar-inner {
        border-radius: 10px;
        width: 20%;
        height: 8px;
        background-color: red;
        position: relative;
      }
    }