<aura:component  controller="myController" >
<div>
    <div class="slds-grid slds-grid_align-spread slds-p-bottom_x-small" id="progress-bar-label-id-1">
     <span>Status</span>
     <span aria-hidden="true">
        <strong>25% Complete</strong>
     </span>
    </div>
    <div class="slds-progress-bar barStyle" aria-valuemin="0" aria-valuemax="100" aria-valuenow="25" aria-labelledby="progress-bar-label-id-1" role="progressbar">
    <span class="slds-progress-bar__value" style="width: 25%;">
          <span class="slds-assistive-text">Progress: 25%</span>
    </span>
    </div>