Javascript 如何在bootstrap 3中增加progressbar的限制

我在引导中遇到Progressbar宽度问题。 我在最后一个进度条中添加了3个进度条的值。 但是它已经超过100了。 e、 g.进度条1-25 进度条2-45 进度条3-45 25+45+45 = 115 现在它已经超越了progressbar的极限

---

所以我可以把最大宽度增加到500左右。

这真的是个好主意吗？当人们115%完成某件事时，这不会让他们感到困惑吗

为什么不缩放进度条的值？既然你有3个，他们应该各占总数的33.3%

HTML

    <div class="progress progress-striped">
      <div class="progress-bar progress-bar-success check_bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
        <span class="sr-only">70% Complete (success)</span>
      </div>
    </div>
    <div class="progress progress-striped">
      <div class="progress-bar progress-bar-info check_bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%">
        <span class="sr-only">75% Complete</span>
      </div>
    </div>
    <div class="progress progress-striped">
      <div class="progress-bar progress-bar-warning check_bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
        <span class="sr-only">60% Complete (warning)</span>
      </div>
    </div>

    Overall Progress
  <div class="progress progress-striped">
  <div class="progress-bar progress-bar-danger bar-total" role="progressbar" aria-valuenow="" aria-valuemin="0" aria-valuemax="0" style="">
    <span class="sr-only"></span>
  </div>

var total = 0;
var bars = 0;
$('.check_bar').each(function(i,v) {
    var value = $(this).attr('aria-valuenow');
    total += parseInt(value);
    bars  += parseInt(i);
  });

  $('.bar-total').css('width', total/bars+'%').attr('aria-valuenow', total/bars);