Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导程序4-进度条进度_Jquery_Css_Twitter Bootstrap_Bootstrap 4_Progress Bar - Fatal编程技术网

Jquery 引导程序4-进度条进度

Jquery 引导程序4-进度条进度,jquery,css,twitter-bootstrap,bootstrap-4,progress-bar,Jquery,Css,Twitter Bootstrap,Bootstrap 4,Progress Bar,似乎Bootstrap4已经改变了更新进度条进度的方式 目标:单击更新进度条百分比 <div class="progress"> <div id='progressBar' class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemax="100"></div> </div> 这个代码片段对我很有用: $(".nextSte

似乎Bootstrap4已经改变了更新进度条进度的方式

目标:单击更新进度条百分比

<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%"})
       .setAttribute("aria-valuenow", 90);
});

下面是代码笔中的示例:

关于aria valuenow属性的内容是什么?如果你也更新这个值,它可能会工作?删除aria-*-属性应该也可以,iircI无法实现这一点。
$(".nextStep").click(function() {
    $("#progressBar")
        .css({"width": "90%"})
       .setAttribute("aria-valuenow", 90);
});