Jquery 如果百分比达到100，则将类添加到div

我试图在进度条达到100%时“添加类”，但这不起作用。有什么想法吗？谢谢

小提琴：

这应该澄清问题

问题在于，运算符的语法在代码中是不明确的，添加了值10和字符串“%”，这可以创建超过100%的值（确切地说，是9010%），以查看元素的宽度是否超过100px

---

您希望以10%的简单增量来衡量目标相对于其父目标的大小

只有在单击

progress plus

元素时，才会运行该代码。这里没有连续轮询。单击

$（“#进度加号”）

后，您将

$（“.progress bar”）

的宽度设置为一些暗魔法值，然后检查其宽度是否大于100像素。这就是你首先想要做的吗？那么，点击一下，进度条就会更新，如果它达到100%，你就会添加一个类，这就是你的意图吗？@Malovich是的，没错。我想在类达到100%时添加它。

width（）>=100

没有检查100%，它正在检查

100px

。谢谢！真管用！另外，我很感谢你的解释。

$("#progress-plus").on('click', function () {
            $(".progress-bar").css("width", 100 * parseFloat($(".progress-bar").css('width')) / parseFloat($(".progress-bar").parent().css('width')) + 10 + '%');
            if ($(".progress-bar").width() >= 100) {
                $(".progress-bar").addClass("progress-bar-success");
            }
            else {
                $(".progress-bar").removeClass("progress-bar-success");
            };
        });

$("#progress-plus").on('click', function () {
            var targetWidth = parseFloat($(".progress-bar").css('width'));
            var parentWidth = parseFloat($(".progress-bar").parent().css('width'));
            $(".progress-bar").css("width", 
                ((100 * targetWidth  / parentWidth) + 10) + '%');
            if ( targetWidth / parentWidth >=1 ) {
                $(".progress-bar").addClass("progress-bar-success");
            }
            else {
                $(".progress-bar").removeClass("progress-bar-success");
            };
        });