<div class="progress-box" ng-app>
  <div class="percentage-cur" ng-init="selectedRange=0">
    <span class="num">{{ selectedRange }}%</span>
  </div>
  <div class="progress-bar progress-bar-slider">
    <input class="progress-slider" type="range" min="0" max="100" ng-model="selectedRange">
    <div class="inner" ng-style="{ width: selectedRange + '%' || '0%' }"></div>
  </div>
</div><div class="progress-box" ng-app>
  <div class="percentage-cur" ng-init="selectedRange2=0">
    <span class="num">{{ selectedRange2 }}%</span>
  </div>
  <div class="progress-bar progress-bar-slider">
    <input class="progress-slider" type="range" min="0" max="100" ng-model="selectedRange2">
    <div class="inner" ng-style="{ width: selectedRange2 + '%' || '0%' }"></div>
  </div>
</div>