title: How to show loading status in percentage for ajax response?
body: <p>I want to show the user percentage of the ajax response loaded with a progressbar.
  Is there a way to achieve it?
  Right now I am showing just an image.</p>
  
  <p>Here is my code sample :</p>
  
  <pre><code>$('#loadingDiv').show();
  
  $.ajax({
          type : 'Get',
          url : myUrl,
          success : function(response) {
              $('#loadingDiv').hide();
              populateData(response);
          },
          error: function(x, e) {
                      $('#loadingDiv').hide();
              if (x.status == 500 || x.status == 404) {
                      alert("no data found");
                  }
          }
      });
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div id="loadingDiv"&gt;
       &lt;img src="loading-img.png"/&gt;
  &lt;/div&gt;
  </code></pre>