jQuery上传文件，含进度条。

<script>
    $(function () {


      $("input[name=file1]").change(function () {
        var formData = new FormData();
        formData.append("file", $("input[name=file1]")[0].files[0]);
        $.ajax({
          type: "post",
          url: "file.php",
          data: formData,
          processData: false,
          xhr: function () {
            //获取xmlhttprequest对象或者ActiveXObject 对象，jquery中封装好的。
            var xhr = $.ajaxSettings.xhr();
            if (xhr.upload) {
              xhr.upload.addEventListener("progress", progressBar, false);
            }
            return xhr;

          },
          success: function () {},
          error: function () {
            console.log(arguments);
          }

        });
      });



      function progressBar(evt) {
        var loaded = evt.loaded; //已经上传大小情况
        var tot = evt.total; //附件总大小
        var per = Math.floor(100 * loaded / tot); //已经上传的百分比
        $(".sonValue").html(per + "%");
        $(".sonProcess").width(per + "%");
      }
    })
  </script>