Ex.

<div className="progress-box">
   <h6 className="title text-muted">WordPress</h6>
   <div className="progress">
      <div className="progress-bar position-relative bg-primary" style={{width:"84%"}}>
         <div className="progress-value d-block text-muted h6">84%</div>
      </div>
   </div>
</div><!--end process box-->
<div className="progress-box mt-4">
   <h6 className="title text-muted">PHP / MYSQL</h6>
   <div className="progress">
      <div className="progress-bar position-relative bg-primary" style={{width:"75%"}}>
         <div className="progress-value d-block text-muted h6">75%</div>
       </div>
    </div>
</div><!--end process box-->
<div className="progress-box mt-4">
   <h6 className="title text-muted">Angular / JavaScript</h6>
   <div className="progress">
      <div className="progress-bar position-relative bg-primary" style={{width:"79%"}}>
         <div className="progress-value d-block text-muted h6">79%</div>
      </div>
   </div>
</div><!--end process box-->
<div className="progress-box mt-4">
   <h6 className="title text-muted">HTML</h6>
   <div className="progress">
      <div className="progress-bar position-relative bg-primary" style={{width:"95%"}}>
         <div className="progress-value d-block text-muted h6">95%</div>
      </div>
    </div>
</div><!--end process box-->