在 javascript 中添加引导进度条类

【问题标题】：Adding bootstrap progress bar classes in javascript在 javascript 中添加引导进度条类
【发布时间】：2025-12-26 09:05:08
【问题描述】：

我有以下 javascript 代码。它做的一切都很好，除了我添加css类'progress-striped'和'active'的部分。它不显示活动的条纹进度条。

我在这里做错了什么？

<script type = 'text/javascript'>

    $(document).ready(function(){

            window.percent = 0;

            window.progressInterval  = window.setInterval(function() {

                    var $bar = $('.progress');

                    if(window.percent < 100) {
                            window.percent = (window.percent + 2);
                            $bar.addClass('progress-striped').addClass('active');
                            $bar.width(window.percent+'%');
                            $bar.text(window.percent+'%');

                    } else if(window.percent == 100) {
                            window.clearInterval(window.progressInterval);
                            jQuery('.progress').removeClass('active');
                            $bar.text('Done!');
                    }
            }, 100);

    });

【问题讨论】：

标签： javascript twitter-bootstrap progress-bar

【解决方案1】：

jQuery('.progress')

应该是这样的

$('.progress')

我认为这可能是问题，否则添加小提琴

【讨论】：

我改变了它，但那是在代码的 else if 部分。它只是使条带条纹和活跃，这是行不通的。
好吧，看来我一开始用错了类。 var $bar = $('进度');改为 var $bar = $('progress-bar');