title: Ajax busy indicator
body: <p>How can I add a busy indicator before the Ajax popup appears on screen? I have been trying to follow several examples, but they are overly complex and very confusing for what seems should be an easy fix. Can anyone please help? Very new to Ajax. Thank you!</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
      $(document).ready(function(){
          $('.button').click(function(){
              var clickBtnValue = $(this).val();
              var ajaxurl = 'auto.php',
              data =  {'action': clickBtnValue};
              $.post(ajaxurl, data, function (response) {
                  alert(response);
              });
          });
  
      });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;input type="submit" class="button" name="Start" value="Start" /&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>