在JSP應用程序中添加UI直到加載頁面

Question

我開發了一個Web應用程序。它包括2頁，

• 的index.html
• report.jsp

index.html中，增加了一個形式與用戶輸入的選擇選項。在提交時，我們已將重定向到report.jsp以執行實際任務並呈現結果。結果已在report.jsp中發佈。由於我們在report.jsp中添加了scriptlet，並且需要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>