Javascript 跨多个页面加载条

我有一个场景，我需要合并一个进度条。（这不是问题所在）。问题就在这里：

这个进度条需要在不同的页面调用之间继续，直到我点击一个特定的页面

所以基本上，它看起来是这样的：

HTML

<div id="processing_overlay">
  <div class="abs">#labelProcessing#<br>
    <img src="/defaultStyles/images/transparent-ajax-loader.gif">
  </div>
</div>

#labelProcessing#

脚本

<script>
     $('##processing_overlay').show();
     setTimeout(function() { $('##processing_overlay').hide(); }, 5000);
</script>
<cfinclude template="/nextpage">

$（“##处理覆盖”）.show（）；
setTimeout（function（）{$（'##processing_overlay'）.hide（）；}，5000）；

因此，本质上，当它进入下一页时，进度条需要继续。我到处寻找任何可能做到这一点的方法，但都没有成功

你知道我该怎么解决这个问题吗

---

谢谢，如果加载条与正在处理的页数有关，另一种更简单的方法是：

第1.cfm页

<cfset session.totalPages = 5>

<cfset currentPage = 1>

<div width="100%">
    <div width="#round(currentpage/session.totalPages)#%"></div>
</div>

第2.cfm页

 <cfset currentPage = 2>

---

等等。您必须对div进行适当的样式设置，以获得加载条的正确外观。

您必须使用一些东西来跨页面传递进度条百分比。最快、最简单的方法就是在页面离开进入下一页之前设置一个cookie并进行更新。完成进度条后清除它。进度条是gif图像吗？看看代码，看起来是这样的。如果是这种情况，那么您可以有n个gif图像，每个图像都从基于页码的不同起点开始。与第1页一样，gif将从0-100开始，第2页从25-100开始，第3页从40-100开始，依此类推。如果您使用的是基于div的加载条，那么您必须通过cookie或GET参数传递每个页面的起始点。因此，在值[cookies/localstorage]发生更改时存储该值。当页面加载时，设置开始值。感谢大家的贡献。我已经成功地使它工作了。