ページがロードされるまでJSPアプリケーションでUIを追加

Question

私はWebアプリケーションを開発しました。それは

• index.htmlを
• report.jspのindex.htmlで

、2ページから成る、ユーザ入力のための選択オプションを使用してフォームを加えました。送信時に、実際のタスクを実行して結果をレンダリングするためにreport.jspにリダイレクトしました。結果はreport.jspに掲載されています。 report.jspにスクリプトレットを追加したので、タスクを完了して結果を表示するのに1〜2分かかりました。 report.jspページのロードが完了するまで、何かのようなプログレスバーを追加したいと思います。誰かにこれを実装するアイデアを与えてもらえますか？

Answer 1

次のJavaスクリプトコードは問題を解決します。スタイルシートを追加してカスタマイズしてください。

<section> 
<h2>Task Progress</h2> 
<p>Progress: <progress id="p" max=100><span>0</span>%</progress></p> 
<script> 
    var progressBar = document.getElementById('p'); 
    function updateProgress(newValue) { 
    progressBar.value = newValue; 
    progressBar.getElementsByTagName('span')[0].textContent = newValue; 
    } 
</script> 
</section>