title: bootstrap-progressbar jQuery plugin
body: <p>I am facing a little trouble with a jQuery plugin for bootstrap progress bars - 
  <a href="http://minddust.github.io/bootstrap-progressbar/bootstrap-2.3.2.html" rel="nofollow">http://minddust.github.io/bootstrap-progressbar/bootstrap-2.3.2.html</a></p>
  
  <p>I want to provide preview of the progress bar to the user based on the selected option. The problem I am facing is that the <code>.progressbar({...})</code> records first change in options only and not the changes after that. The values does not get changed on subsequent changes.</p>
  
  <p>If I select the option <code>"percentage"</code> then the text over the bar is shown as <code>"40%"</code> and if I select <code>"amount"</code> then the text over the bar is shown as <code>"40/100"</code>.</p>
  
  <p>So the problem here is that if I first select <code>"percentage"</code> option and then change to <code>"amount"</code> still on button click I see percentage being displayed and not amount.</p>
  
  <p>What am I missing in jQuery code?</p>
  
  <p>HTML -</p>
  
  <pre><code>&lt;div id="demo-progress-bar" class="progress"&gt;
      &lt;div class="bar" aria-valuetransitiongoal="40"&gt;
          &lt;span style="margin:0 10px;"&gt;&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;a id="progress-bars-preview" href="#"&gt;Click to Preview&lt;/a&gt;
  
  &lt;select id="progress_bar-percent" name="progress_bar-percent"&gt;
      &lt;option value="percentage"&gt;Percentage&lt;/option&gt;
      &lt;option value="amount"&gt;Amount&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>jQuery -</p>
  
  <pre><code>$('#progress-bars-preview').click(function(){
      var percent = $('#progress_bar-percent').val();
      if(percent=="percentage"){
          percent = true;
      }else{
          percent = false;
      }
      $("#demo-progress-bar .bar").progressbar({
          display_text: "fill",
          done: function(current_percentage) {
              $("#demo-progress-bar .bar span").show("slow");
          },
          use_percentage: percent
      });
  });
  </code></pre>