title: Progress bar unhide and load issue
body: <p>I'm trying to get some jQuery working (i'm new to it). I'm trying to get the bar to show when a key is pressed in a textbox and then for the bar to load. I have the bar loading, but making it unhide and then start loading is causing an issue, so far i have this:</p>
  
  <pre><code>$(document).ready(function () {
  
          $('#progressbar').hide();
  
          var progress = setInterval(function () {
              var $bar = $('#bar');
  
              $('#&lt;%=tb_NarLogSearch.ClientID%&gt;').keyup(function () {
  
                  $('#progressbar').show();
                  if ($bar.width() == 400) {
                      clearInterval(progress);
                      $('.progress').removeClass('active');
                  } else {
                      $bar.width($bar.width() + 40);
                  }
                  $bar.text($bar.width() / 4 + "%");
              }, 800);
          })
  </code></pre>
  
  <p>I'm at a loss really, I've read that using keyup means it doesn't need an if statement, but taking it out breaks it completely. The issue i'm having is that the bar isn't showing when a key is pressed! Any ideas?</p>
  
  <p>FYI: I might try an AJAX loading bar as i'm trying to indicate the progress of SQL query but wanted to try something different.</p>