Подскажите пожалуйста. На стороне js с помощью ajax получаю массив данных из php. На стороне сервера в php запросом получаю данные из mySQL. Пытаюсь организовать progress bar. Однако progress bar отображает процесс передачи массива данных php - js (около 0.3 сек), а процесс чтения из БД не попадает в progress bar, а по времени это 10 сек.
Подскажите, как отобразить общий процесс (с момента обращения к серверу до момента получения на клиенте массива) ?
function geting(DayOfWeek, NameMons, EpZoom) {
var progressBar = $('#progressbar');
$.ajax({
url: 'data.php',
type: 'POST',
dataType: 'json',
data: {
jsonData: {DayOfWeek: DayOfWeek, NameMons: NameMons, EpZoom: EpZoom}
},
xhr: function() {
var xhr = $.ajaxSettings.xhr();
xhr.upload.addEventListener('progress', function(evt){
if (evt.lengthComputable) {
var percentComplete = Math.ceil(evt.loaded / evt.total * 100);
console.log(evt.loaded);
console.log(evt.total);
progressBar.val(percentComplete);
}
}, false);
return xhr;
},
success: function (res) {
Hending_flow(res);
}
});
}