Bootstrap进度条起始值

时间:2014-06-19 06:24:12

标签: javascript jquery ruby-on-rails-3 progress-bar

我正在使用一个看起来非常好的bootstrap进度条。我已经阅读了https://github.com/minddust/bootstrap-progressbar所见的一些文档。

我想知道是否有一种简单的方法来改变起始值(所以不是0),就像我的应用程序每次都做的那样。我真的需要深入了解javascript和jquery,但我还没有到达那里。

所以我使用简单的方法:

          <div class="progress progress-striped active">
            <div class="progress-bar six-sec-ease-in-out" role="progressbar"  aria-valuetransitiongoal="33"></div>
          </div>

是我的视角,实际的JS来自这里

      $(window).ready(function(e){
              $.each($('div.progress-bar'),function(){
                $(this).css('width', $(this).attr('aria-valuetransitiongoal')+'%');
              });

目标是将其用作进度条,在哪里我可以在每个3页中添加起始值。第一页0(这是默认值,因此不需要更改),aria-valuetransitiongoal为33.第二页开始时为33%,aria valuetransitiongoal为66%等。截至目前,我将目标设定为正确的值,但每个页面加载重新启动值为0.

更新:本地存储是最好的方式......?

1 个答案:

答案 0 :(得分:1)

尝试设置“进度条”的宽度。

<div class="progress progress-striped active">
        <div class="progress-bar six-sec-ease-in-out" role="progressbar" style="width:33%"></div>
</div>

您还可以通过函数调用或变量动态设置宽度(返回“value%”,例如20%)。

style =“width:'+ variable / functionCall +'”