JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Tools">
          <h6 class="skillHeader"> Management </h6>
          <div class="w3-progress-container w3-round-xlarge">
            <div class="w3-progressbar management">

            </div>
          </div>

        </div>

CSS

.w3-progress-container{
  width:90%;
  height:1.5em;
  position:relative;
  background-color:#f1f1f1;
  border-radius:7px;
  height:12px;
  margin-top: 5px;
  background-color: #d5d4d4;
}
.w3-progressbar{
  background-color: #0060A6;
  height:100%;
  position:absolute;
  line-height:inherit;
  border-radius:7px;
}

.management{
  width:50%;
}

@page {
        size: A4;
        margin: 0;
        box-shadow: initial;
        -webkit-print-color-adjust: exact; 
    }
    @media print {
        html, body {
            width: initial;
            height: initial;
            margin: 0;
            padding: 0;
            overflow: hidden;
            -webkit-print-color-adjust: exact; 
            -webkit-box-shadow: initial;
            box-shadow: initial;
        }
    }