title: Upload file with progress bar
body: <p>I create this code to upload file usin ajax and php and I want to add 
  progress bar to show percent of upload.</p>
  
  <p>this my code </p>
  
  <pre><code>&lt;script&gt;
     $("form#data").submit(function(){
      var formData = new FormData($(this)[0]);
      $.ajax({
          url: "functions/video.php",
          type: 'POST',
          data: formData,
          async: false,
          success: function (data) {
              document.getElementById("status").innerHTML = data;
          },
          cache: false,
          contentType: false,
          processData: false
      });
      return false;
  });
  &lt;/script&gt;
  &lt;form id="data" method="post" enctype="multipart/form-data"&gt;
  &lt;input name="up_vid" type="file" id="up_vid"/&gt;
  &lt;div class="upload_v_icon"&gt;&lt;/div&gt;
  &lt;div class="video_info"&gt;
      &lt;input type="text" name="video_title" placeholder="Video title" /&gt;
      &lt;input type="text" name="tags" placeholder="funny,9gag,nice,crazy ..."/&gt;
      &lt;textarea name="description" placeholder="Description"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class="bg_upload"&gt;
      &lt;p&gt;When you upload this video your are agree with &lt;a href=""&gt;Terms&lt;/a&gt; of service.&lt;/p&gt;
      &lt;button&gt;Begin Upload&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Thank you.</p>