title: Change width on click using Jquery
body: <p>I have a bootstrap progress bar that changes the current progress when the width attribute is changed. I want to change this width attribute and add 10% when the user toggles it on and decrease 10% when the user toggles it off. <br/><br/></p>
  
  <p>Here is my code:<br/></p>
  
  <pre><code>&lt;div class="progress progress-danger progress-striped active"&gt; 
         &lt;div class="bar" style="width:30%"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;a id="updateit"&gt;Click to change the progress&lt;/a&gt;
  </code></pre>
  
  <p><br/></p>
  
  <pre><code>$(function(){
    $("#updateit").toggle(function(){
       $('.bar').css("width", + '10%');
    });
  });
  </code></pre>
  
  <p><br/></p>
  
  <p>Thanks in advance! :)</p>