title: How to show progress bar in ajax file upload
body: <p>My code post ajax request but it is not showing a progress bar. Please help to correct the code to show a working progress bar.</p>
  
  <pre><code>$(document).ready(function () {
      $("#uploadbutton").click(function () {
      var filename = $("#file_path$i").val(); //get form data;
  
      $.ajax({
        type: "html",
        url: "share.php",//onwhich post ajax data;
        enctype: 'multipart/form-data',
        data: {
          file: filename
        },
        success: function () {
          alert("Data Uploaded: ");
        }
      });
   });
  });
  </code></pre>