Javascript 如何将限制设置为值-jquery

大家好，我正试图为Bootstrap4中的每个进度条设置一个限制。 我希望它在点击时触发

问题是当我点击时

该值始终为100。如何为每个进度条设置最大值

这是密码

<button>run</button>
<progress class="progress progress-striped progress-animated limit70"  value="" max="100"></progress>
<progress class="progress progress-striped progress-animated limit80"  value="" max="100"></progress>

$('button').on('click', function() {
    $('.progress').each(function() {
        var progBar = $(this);
        var perc = progBar.attr("max");
        var userInput = $('input#speed').val(); // in seconds
        var speed = userInput * 10;
        var currentPerc = 0;
        var progress = setInterval(function() {

            if (currentPerc >= perc) {
                clearInterval(progress);

            } else {
                currentPerc += 1;
                progBar.attr('value', (currentPerc) + '');
            }
            progBar.attr((currentPerc) + '');
        }, speed);

    });
});

运行
$（'button'）。在（'click'，function（）上{
$（'.progress'）。每个（函数（）{
var progBar=$（此项）；
var perc=程序条属性（“最大”）；
var userInput=$（'input#speed'）.val（）；//以秒为单位
var速度=用户输入*10；
var currentPerc=0；
var progress=setInterval（函数（）{
如果（当前perc>=perc）{
清除间隔（进度）；
}否则{
currentPerc+=1；
progBar.attr（'value'，（currentPerc）+''；
}
progBar.attr（（currentPerc）+''；
}，速度）；
});
});

---

如果你需要一个进度条，这里有一个进度条，可以帮你完成。如果你需要一个进度条，还有一个。

可以帮你完成。还有一个。

您可以使用自定义数据属性：

$（'button'）。在（'click'，function（）上{
$（'.progress'）。每个（函数（）{
var progBar=$（此项）；
var perc=程序条属性（“最大”）；
var userInput=$（'input#speed'）.val（）；//以秒为单位
var速度=用户输入*10；
var currentPerc=0；
var限额=项目数据（“限额”）；
var progress=setInterval（函数（）{
如果（currentPerc>=限制）{
清除间隔（进度）；
}否则{
currentPerc+=1；
progBar.attr（'value'，（currentPerc）+''；
}
progBar.attr（（currentPerc）+''；
}，速度）；
});
});

点击运行


您可以使用自定义数据属性：


$（'button'）。在（'click'，function（）上{
$（'.progress'）。每个（函数（）{
var progBar=$（此项）；
var perc=程序条属性（“最大”）；
var userInput=$（'input#speed'）.val（）；//以秒为单位
var速度=用户输入*10；
var currentPerc=0；
var限额=项目数据（“限额”）；
var progress=setInterval（函数（）{
如果（currentPerc>=限制）{
清除间隔（进度）；
}否则{
currentPerc+=1；
progBar.attr（'value'，（currentPerc）+''；
}
progBar.attr（（currentPerc）+''；
}，速度）；
});
});

点击运行


是的，但我使用的是bootstrap 4是的，但我使用的是bootstrap 4成功了！：我非常关注价值属性。是的，数据限制ftw！谢谢你，伙计。新手敬礼！：是什么耍了花招！：我非常关注价值属性。是的，数据限制ftw！谢谢你，伙计。新手敬礼！：你使用了哪个progressbar插件？没有使用插件。我使用了Bootstrap 4进度条，只是添加了jquery来触发动画。您使用了哪个进度条插件？没有使用插件。我使用Bootstrap4进度条刚刚添加了jquery来触发动画