HTML5 Upload Progress

html5-upload-progress.js

var xhr = new XMLHttpRequest();
xhr.upload['onprogress'] = function(xhrpe) {
  console.log(xhrpe);
};

var file = document.getElementById('source').files[0];

xhr.open("POST", this.action, true);
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xhr.setRequestHeader("X-File-Name", file.fileName);
xhr.setRequestHeader("X-File-Size", file.fileSize);
xhr.setRequestHeader("Content-Type", "multipart/form-data");
xhr.send(file);