从JavaScript错误

Question

称为自举进度条我有这样定义的进度条：

<div class="progress progress-striped active"> 
    <div class="bar" style="width: 0%;"></div> 
</div> 

我使用的JavaScript代码来同时改变杆的长度。下面是代码

  var progress = setInterval(function() { 
       var percent=(($scope.subcategory.planned2+$scope.subcategory.completed2)/($scope.subcategory.required2)*100); 
       var $bar = $('.bar'); 
       $bar.width($bar.width()+percent); 
       $bar.text(percent + "%"); 
      }); 

我得到正确的条的值当我运行我的程序，但由于某些原因，栏不显示。它显示一个空的进度条，但$bar.text的值仍显示出来。

Answer 1

你是否从bootstrap 2更新为bootstrap 3？如果是这样的内部类是错误的，你会想要使用progress-bar，而不是bar。