title: DIsplay Modalbox while waiting the server processing the code
body: <p>What I want is while click the button, then the code have to show the Modalbox and then the code-behind continue to process the rest.</p>
  
  <p>The button:</p>
  
  <pre><code>&lt;asp:Button ID="Button1" runat="server" Text="Start"&gt;&lt;/asp:Button&gt;
  </code></pre>
  
  <p>Then on code-behind - add the <code>onclick</code> to Button1:</p>
  
  <pre><code>Generate_Button.Attributes.Add("onclick", "shopModalPopup(); return false;")
  </code></pre>
  
  <p>And I have an event handler for the Button1.click:</p>
  
  <pre><code>Protected Sub Button1_Click(sender As Object, e As System.EventArgs) Handles Button1.Click
      'The process goes here
  End Sub
  </code></pre>
  
  <p>The javascript and the modal-box:</p>
  
  <pre><code>&lt;script&gt;
  var grid_modal_options = {
      height: 200,
      width: 500,
      resizable: false,
      modal: true
  };
  
  function shopModalPopup() {
      $("#dialog-form").dialog(grid_modal_options);
      $("#dialog-form").parent().appendTo('form:first');
  }
  &lt;/script&gt;
  
  &lt;div id="dialog-form" title="Processing Request" style="display: none;"&gt;
      &lt;div class="in"&gt;
          &lt;center&gt;&lt;h2&gt; Please wait while we're processing your request. &lt;/h2&gt;&lt;/center&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The code above do show the modal-box but then doesn't process the next code on button-click handler. How can I do that? Thank you very much.</p>