跨多个页面加载栏

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

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

Page1.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的样式，以使加载栏具有正确的外观。