javascriptで重い処理を実行している間に、ユーザに進捗状況を表示したいと考えています。
処理毎にプログレスバーのゲージを(10,20, ...100)と増やそうと思ったのですが、処理が最後まで
終わった段階で一気にゲージが100になってしまいます。
処理毎にゲージを更新するためには、どのような記述の仕方をすれば良いでしょうか。
ご教授お願いします。。
ブラウザ:IE10~11想定
javascriptの「何かの処理」では実際はActiveXObjectのExcel.Applicationを利用した
処理を行っています。
html
1<!DOCTYPE html> 2<html> 3 <head> 4 #frame { width:100px; height: 20px; background-color: white; } 5 #gauge { width:0px; height: 20px; background-color: green; } 6 </head> 7 <body onload="fn();"> 8 <!-- プログレスバー --> 9 <div id="frame"> 10 <div id="gauge"></div> 11 </div> 12 </body> 13</html>
javascript
1function fn() { 2 3 /* 4 何かの処理 5 */ 6 updateGauge(10); //ゲージ更新 7 8 /* 9 何かの処理 10 */ 11 updateGauge(20); 12 13 // ・・・ 14 15 updateGauge(100); 16} 17function updateGauge(gaugeLength) { 18 document.getElementById("gauge").css('width',gaugeLength + 'px'); 19}
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/23 04:52
2018/08/23 04:59
2018/08/23 05:30
2018/08/23 07:22