progress

progress.js

progressBar = document.querySelector('progress');
output = document.querySelector('output');

xhr.upload.addEventListener('progress', function (e) {
  if (e.lengthComputable) {
    var v = (e.loaded / e.total) * 100;
    progressBar.value = v;
    output.value = Math.round(v) + '%';
    progressBar.textContent = progressBar.value.toString(); // Если браузер не поддерживает элемент progress
  }
});