引导进度条起始值答案

【问题标题】：Bootstrap Progress Bar Start Value引导进度条起始值
【发布时间】：2014-06-19 06:24:11
【问题描述】：

我正在使用一个看起来非常不错的引导进度条。我已经阅读了这里看到的一些文档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。

更新：本地存储是最好的方式吗...？

【问题讨论】：

您可以将进度值存储在本地存储中，然后在需要时检索该值，然后使用更新的进度值更新本地存储。
您介意提供一些代码吗？不确定“本地存储”。

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

【解决方案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:' + 变量/函数调用 + '"

【讨论】：