Блог

Я использую индикатор выполнения начальной загрузки, который выглядит действительно красиво. Я прочитал некоторую документацию, как показано здесь 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 составляет 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%).

style=»width:’ переменная / Вызов функции ‘»