Как сделать xmlhttprequest progress bar JS?

Question

[RuhHost]

function AppGetDataF1(url) {
  var xhr = new XMLHttpRequest();
  
  xhr.open('GET', url, false);
  xhr.send();



  if (xhr.status != 200) {
    return false;
  } else {
    return xhr.responseText;
  }

}

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

Answer 1

[Кирилл Горелов]

function AppGetDataF1(url) {
document.getElementById('ID_ELEMENT_LOADER').style.display = "block";
  var xhr = new XMLHttpRequest();
  
  xhr.open('GET', url, false);
  xhr.send();



  if (xhr.status != 200) {
document.getElementById('ID_ELEMENT_LOADER').style.display = "none";
    return false;
  } else {
document.getElementById('ID_ELEMENT_LOADER').style.display = "none";
    return xhr.responseText;
  }

}

ID_ELEMENT_LOADER - какой-то текст или блок, все что хочешь.

Самое быстрое решение за 2 минуты ....