进度条Javascript

Question

我有一个网站，用户在index.html页面的表单中输入起点和终点。 当用户单击“提交”时，数据将发送到后端，在后端进行多个API请求和计算。 当一切准备就绪后，将打开一个新页面，其结果将在result.html页面

中打开

有时这个过程需要10秒钟，而网站只停留在index.html，而后端没有任何迹象。因此，用户经常关闭页面，因为他认为没有任何反应。

有没有办法在index.html页面添加一个progess栏（从0％到100％）？

Answer 1

使用此：https://www.w3schools.com/tags/tag_progress.asp

例如：

<progress value="22" max="100"></progress>

Answer 2

您可以使用加载图标或gif http://smallenvelop.com/display-loading-icon-page-loads-completely/ 希望这对您有帮助