title: Configure HTML5 progress bar with jQuery Ajax
body: <p>I am using following code to make a ajax request. But how to configure <b>value</b> attribute when it is receiving the response.</p>
  
  <pre><code>$.ajax({
          url:url,
          cache:false,
          type:'POST',
          dataType:"json",
          data:'json',
          beforeSend:function(x){
              $('#main').html("&lt;progress id='bar' value='0' max='100'&gt;&lt;/progress&gt;").show();
          },
          success:function(json){
              $('#bar').val(100);
              parseResponse(json);
          },
          complete:function(){
  
              $('#bar').hide();
          }
      });
  </code></pre>