<p>Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.</p>
</div>
- <h3 id="progress-basic">Basic example</h3>
+ <h2 id="progress-basic">Basic example</h2>
<p>Default progress bar.</p>
<div class="bs-example" data-example-id="simple-progress-bar">
<div class="progress">
</div>
{% endhighlight %}
- <h3 id="progress-label">With label</h3>
+ <h2 id="progress-label">With label</h2>
<p>Remove the <code><span></code> with <code>.sr-only</code> class from within the progress bar to show a visible percentage.</p>
<div class="bs-example" data-example-id="progress-bar-with-label">
<div class="progress">
{% endhighlight %}
- <h3 id="progress-alternatives">Contextual alternatives</h3>
+ <h2 id="progress-alternatives">Contextual alternatives</h2>
<p>Progress bars use some of the same button and alert classes for consistent styles.</p>
<div class="bs-example" data-example-id="contextual-progress-bar">
<div class="progress">
</div>
{% endhighlight %}
- <h3 id="progress-striped">Striped</h3>
+ <h2 id="progress-striped">Striped</h2>
<p>Uses a gradient to create a striped effect. Not available in IE8.</p>
<div class="bs-example" data-example-id="striped-progress-bar">
<div class="progress">
</div>
{% endhighlight %}
- <h3 id="progress-animated">Animated</h3>
+ <h2 id="progress-animated">Animated</h2>
<p>Add <code>.active</code> to <code>.progress-bar-striped</code> to animate the stripes right to left. Not available in IE9 and below.</p>
<div class="bs-example" data-example-id="animated-progress-bar">
<div class="progress">
</div>
{% endhighlight %}
- <h3 id="progress-stacked">Stacked</h3>
+ <h2 id="progress-stacked">Stacked</h2>
<p>Place multiple bars into the same <code>.progress</code> to stack them.</p>
<div class="bs-example" data-example-id="stacked-progress-bar">
<div class="progress">