title: What is the cleanest way to get the progress of JQuery ajax request?
body: <p>In plain javascript is very simple: need just to attach the callback to <code>{XMLHTTPRequest}.onprogress</code></p>
  
  <pre><code>var xhr = new XMLHttpRequest();
  
  xhr.onprogress = function(e){
      if (e.lengthComputable)
          var percent = (e.loaded / e.total) * 100;
  };
  
  xhr.open('GET', 'http://www...', true);
  xhr.onreadystatechange = function() {
      ...
  };
  xhr.send(null);
  </code></pre>
  
  <p>but I'm doing an ajax site that download html data with JQuery (<code>$.get()</code> or <code>$.ajax()</code>) and I was wondering which is the best way to get the progress of a request in order to display it with a little progress bar but curiously, I'm not finding anything usefull in JQuery documentation...</p>