在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>