Как динамически добавить индикатор выполнения для вызова API getJSON с использованием Javascript? - PullRequest
0 голосов
/ 16 октября 2019

Я показываю простой график, я получаю значения в JSON из API. Для возврата данных JSON API требуется некоторое время, поэтому я хочу отобразить тот же прогресс в браузере с помощью индикатора выполнения. Итак, как мне получить текущий прогресс от API.

Я попытался вручную увеличить ширину прогресса в коде, чего я не хочу.

var elem = document.getElementById("myBar");
                    var width = 5;
                    width++;
                    elem.style.width = width + "%";



    $(function () { 
     $.getJSON(

 'https://git.web.abc.com/api/v4/projects/xxxxxxxxxxxxxx/scope=all&sort=asc&&per_page=100&page=' + page,
                function (issues) {
    //i want the current progress of the API here , so that i can update my //progress bar

    })
    }

Мой HTML-код выглядит так

  <style>
   #myProgress {
            width: 100%;
            background-color: #ddd;
        }

        #myBar {
            width: 1%;
            height: 10px;
            background-color: #4CAF50;
        }

    </style> 
<body>
    <div id="myProgress">
            <div id="myBar"></div>
       </div>
</body>

Мне нужен текущий прогресс API здесь, чтобы я мог обновить свой индикатор выполнения.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...