upload.js

fd = new FormData;
fd.append("zip", fdata);
fd.append("name", $("#ag-name").val());
$("#uploadc-s").html("<progress id='uploadprogress' max='100' value='0'></progress> <span id='progress'>Uploading...</span>");
var xhr = new window.XMLHttpRequest();
var uploaded = false;
xhr.upload.addEventListener("progress", function (e) {
  if (!uploaded && e && e.lengthComputable) {
    p = (e.loaded / e.total);
    var percent = Math.round(p * 1000) / 10;
    $("#uploadprogress").val(e.loaded);
    $("#uploadprogress").attr("max", e.total);
    $("#progress").text("Uploading... " + percent + "%");
  }
}, false);
xhr.upload.addEventListener("load", function (e) {
  uploaded = true;
  $("#uploadprogress").val(false);
  $("#uploadprogress").attr("max", false);
  $("#progress").text("{{ "Checking file"|l }}");
}, false);

xhr.addEventListener("readystatechange", function(e) {
  if (this.readyState === 4) {
    data = $.parseJSON(xhr.responseText);
    if (data.success) {
      window.location = data.url;
    } else {
      msg(data.error, MSG_ERROR);
      $("#uploadc-s").hide(100);
      $("#uploadc")
    }
  }
}, false);

xhr.open("post", "ajax/upload-map", true);

xhr.send(fd);