引导进度条起始值

Bootstrap Progress Bar Start Value

本文关键字:      更新时间:2023-09-26

我正在使用一个引导进度条,它看起来真的很不错。我已经阅读了一些文档,如在这里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页添加起始值。第1页0(这是默认值,所以不需要更改),aria-valuetransitiongoal为33。第二页从33%开始,aria价值转换目标为66%等等。到目前为止,我将目标设置为正确的值,但每次页面加载都会将该值重新设置为0。

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

尝试设置"进度条"的宽度

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

您也可以通过函数调用或变量动态设置宽度(返回"值%"例如20%)。

风格= "宽度:+变量/functionCall +"

相关文章:
  • 没有找到相关文章