title: How to show progress bar while loading, using ajax
body: <p>I have a dropdown box. When the user selects a value from the dropdown box, it performs a query to retrieve the data from the database, and shows the results in the front end using ajax. It takes a little bit of time, so during this time, I want to show a progress bar. I have searched, and I have found numerous tutorials on creating progress bars for uploads, but I haven't liked any. Can anybody provides some helpful guidance for me?</p>
  
  <p>My ajax code:</p>
  
  <pre><code>&lt;script&gt;
  $(function() {
      $("#client").on("change", function() {
        var clientid=$("#client").val();
  
          $.ajax({
              type:"post",
              url:"clientnetworkpricelist/yourfile.php",
              data:"title="+clientid,
              success:function(data){
               $("#result").html(data);
              }
          });
  
      });
  });
  &lt;/script&gt;
  </code></pre>