Bootstrapのプログレスバーを、jQueryのcssメソッドを使用して1秒ごとに50%増加させて2秒で100%にするということをしたいのですが上手く行きません。
0%のプログレスバーだけ表示されて何も進まない状況です。
Bootstrapのプログレスバー
HTML
1<div class="progress"> 2 <div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" style="width: 0%;"></div> 3</div>
JavaScript
JavaScript
1var ProgressBarPercentage = 0; 2var changeProgressBarPercentage = function(){ 3 ProgressBarPercentage + 50; 4 $(".progress-bar").css("width", String(ProgressBarPercentage) + "%"); 5} 6 7var ProgressBarTimer = setInterval(function(){ 8 changeProgressBarPercentage(); 9 if(ProgressBarPercentage > 100){ 10 clearInterval(ProgressBarTimer); 11 //2秒後にする処理 12}}, 1000);
特にエラーなどは吐いていません。
どなたか解決法分かった方いましたら教えて頂けると幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/27 13:51
2017/11/27 16:07