Bootstrap 4 - 进度条进度答案

【问题标题】：Bootstrap 4 - Progress Bar ProgressionBootstrap 4 - 进度条进度
【发布时间】：2019-08-15 19:58:46
【问题描述】：

似乎 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%"});
});

【问题讨论】：

aria-valuenow 属性怎么样？如果您也更新此值，它可能会起作用吗？删除 aria-*-attributes 应该也可以工作 iirc
我无法让它工作。

标签： jquery css twitter-bootstrap bootstrap-4 progress-bar

【解决方案1】：

这个coden-p对我有用：

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

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

【讨论】：