Прогресс бар симуляции процесса загрузки - PullRequest
Новая
       5

Прогресс бар симуляции процесса загрузки

0 голосов
/ 15 октября 2018

У меня есть индикатор выполнения: 

  <div id="progress-modal" class="modal fade">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="bar" :style="{ width: progress2 + '%' }">
                            <span>{{ progress2 }}%</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

И я хочу показать его, постепенно заполнить его до 100, закрыть и продолжить выполнение функции. 

        $("#progress-modal").modal('show')
        this.progress2=0;
       setInterval(function () {
           this.progress2+=5
           if (this.progress2>100){
               this.progress2=0;
            //   return;
           }
       },10000)
        $("#progress-modal").modal('hide')

Номодальное окно исчезает сразу.Открыть-> добавить задачу http://task.ru.xsph.ru/

ОБНОВЛЕНИЕ: 

    $("#progress-modal").modal('show')
                this.progress2=0;
  while (this.progress2<=100){
                    setInterval(function () {
                        this.progress2+=10;
                    },0.1)
                }
                $("#progress-modal").modal('hide')
...