Question

似乎Bootstrap 4改变了您更新进度条进度的方式。

目标：点击更新进度条百分比

<div  class="progress">
<div id='progressBar' class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemax="100"></div>
</div>

我如何尝试更新百分比：

$( ".nextStep" ).click(function() {
$( "#progressBar" ).css({"width": "90%"});
});

Answer 1

此代码段对我有用：

$(".nextStep").click(function() {
    $("#progressBar")
        .css({"width": "90%"})
       .setAttribute("aria-valuenow", 90);
});

这是您在Codepen中的示例：https://codepen.io/AndTheGodsMadeLove/pen/vYBGzeQ

Bootstrap 4-进度条进度

1 个答案: