从javascript错误调用Bootstrap进度条

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。