Как привязать прогресс бар к выполнению процесса ,а не просто для вида?

Question

есть отдельный файл ProgressBar.html, в котором и находится наш прогресс бар

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
  function move(){
    var elem = document.getElementById("greenBar");
    var elem1 = document.getElementById("start");
    var width = 10;
    var id = setInterval(frame, 10);
    function frame() {
      if (width >= 100) {
        clearInterval(id);
      } 
      else{   
        if(elem.innerHTML != '99%'){
          width++;
          elem.style.width = width + '%'; 
          elem.innerHTML = width * 1  + '%';
        }
        else{
          elem.style.display = 'none' ;
          elem1.style.display = 'block' ; 
        } 
      }
    }
  } 
  </script>

html-код :

<body onload="move()">
    <div id="greyProgress">
      <div id="greenBar">10%</div>
    </div>

а есть файл code.gs , в которой есть функция CondolidateSheets() и в которой вызывается файл ProgressBar.html :

function showProgress() {
  var ui = HtmlService.createTemplateFromFile('ProgressBar')
    .evaluate()
    .setTitle(SIDEBAR_TITLE)
    .setSandboxMode(HtmlService.SandboxMode.IFRAME);
  SpreadsheetApp.getUi().showSidebar(ui);
}




function ConsolidateSheets(){
     //какой-то код  
     showProgress();

По сути прогресс бар никак не связан с функцией и выполняется независимо от всего,а так не должно быть и он должен зависеть от хода процесса

БЛОГ НА HUSL

Как привязать прогресс бар к выполнению процесса ,а не просто для вида?

Ответы (0 шт):