每次加载页面时更新进度条状态

时间:2014-12-17 01:31:55

标签: jquery progress-bar progress

我使用Minddust amazing progress bar使用以下代码:

基本上我使用php时间戳设置两个特定日期/时间之间的范围,并使用进度条显示状态。

<div id="prg" class="progress">  
<div class="progress-bar" role="progressbar" data transitiongoal="1418779020" aria-valuemin="1418778256" aria-valuemax="1418779020"></div> 
</div>
每次加载页面时,都会从数据库中加载数据transitiongoal,aria-valuemin和aria-valuemax。

JQuery的

<script>
    $('.progress .progress-bar').progressbar(
        {
        display_text: 'fill',
        refresh_rate: 300,

        update: function(current_percentage) { $('#update').html(current_percentage); }
        });

</script>

不幸的是,每次页面刷新或加载时,进度条都会返回到开始时为0%,尽管它比以前运行得更快,因为初始开始日期/时间已经改变。

我想要做的是设置适当的百分比,并在每次加载/刷新页面时将进度条填满准确的百分比/值。

由于此进度条没有要设置的宽度属性,并且没有要定义的初始值,如何在每次加载页面时获取适当的值而不是从开始运行?

非常感谢您的建议

0 个答案:

没有答案