javascript - 跨多个页面的加载栏

Question

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

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

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

HTML

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

脚本

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

所以基本上当它进入下一页时，进度条需要继续。我已经到处搜索了是否有任何可能做到这一点，但没有任何成功。

关于我如何解决这个问题的任何想法？

谢谢

Answer 1

如果加载栏是指正在处理的页面数，另一种更简单的方法是：

第1页.cfm

<cfset session.totalPages = 5>

<cfset currentPage = 1>

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

Page2.cfm

 <cfset currentPage = 2>

等等。您必须适当地设置 div 的样式才能获得正确的加载栏外观。