Javascript 使用JQuery切换进度引导栏

我有一个用33%默认值的引导程序制作的进度条，还有一个开关，可以使所有项目处于活动或非活动状态。如果开关处于激活状态，我希望在进度条中插入100%的值，如果处于非激活状态，则插入0%的值

我得到这个，但只有一次，如果我点击开关两次，这不起作用：

JSFiddle：

进度条的主要结构：

<div class="row progbar">
    <div class="col-md-2 col-xs-2"><p class="progressinfo">33%</p></div>
                    <div class="col-md-9">
                        <div class="progress"> 
                            <div class="progress-bar progress-bar-success" style="width: 33%">
                                <span class="sr-only">33% Complete (success)</span>
                            </div>
                        </div>      </div></div>

好吧，你应该加上：

||$（“.progressinfo”）.text（）=“0%”

像这样：

$(".progressinfo")[0].innerHTML = ( $(".progressinfo").text() == "33%"
|| $(".progressinfo").text() == "0%" )? '100%' : '0%';

此处演示：

$(".progressinfo")[0].innerHTML = ( $(".progressinfo").text() == "33%"
|| $(".progressinfo").text() == "0%" )? '100%' : '0%';