title: Changing bootstrap-progress bar with carousel
body: <p>I'm trying to change the bootstrap-progress bar as it transitions with the slides.</p>
  
  <p>for instance..</p>
  
  <pre><code>slide 1 = 16%
  slide 2 = 32%
  slide 3 = 48%
  </code></pre>
  
  <p>and so on and so forth.</p>
  
  <p>So far, I've been able to figure out how to make the value change, but only with a checkbox. Please help me out. I </p>
  
  <p>The code is provided here:
  <a href="http://www.bootply.com/vRKotQ1Ptc" rel="nofollow">http://www.bootply.com/vRKotQ1Ptc</a></p>