How to make xmlhttprequest progress bar JS?

Question

JavaScript

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



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

}

There is such a code for loading pages, tell me how to emit a progress bar or at least any other loading indicator in the form of text?

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 - some text or block, whatever you want.
The fastest solution in 2 minutes....