rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

docs>components>progress bars headings

Browse Source
This commit is contained in:
Steven Black 2015-02-23 21:51:10 -05:00
parent 68fef8c247
commit 8a64c684de
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/_includes/components/progress-bars.html
View File

@ -8,7 +8,7 @@
<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> <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> </div>
<h3 id="progress-basic">Basic example</h3> <h2 id="progress-basic">Basic example</h2>
<p>Default progress bar.</p> <p>Default progress bar.</p>
<div class="bs-example" data-example-id="simple-progress-bar"> <div class="bs-example" data-example-id="simple-progress-bar">
<div class="progress"> <div class="progress">
@ -25,7 +25,7 @@
</div> </div>
{% endhighlight %} {% endhighlight %}
<h3 id="progress-label">With label</h3> <h2 id="progress-label">With label</h2>
<p>Remove the <code>&lt;span&gt;</code> with <code>.sr-only</code> class from within the progress bar to show a visible percentage.</p> <p>Remove the <code>&lt;span&gt;</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="bs-example" data-example-id="progress-bar-with-label">
<div class="progress"> <div class="progress">
@ -68,7 +68,7 @@
{% endhighlight %} {% 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> <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="bs-example" data-example-id="contextual-progress-bar">
<div class="progress"> <div class="progress">
@ -115,7 +115,7 @@
</div> </div>
{% endhighlight %} {% 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> <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="bs-example" data-example-id="striped-progress-bar">
<div class="progress"> <div class="progress">
@ -162,7 +162,7 @@
</div> </div>
{% endhighlight %} {% 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> <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="bs-example" data-example-id="animated-progress-bar">
<div class="progress"> <div class="progress">
@ -178,7 +178,7 @@
</div> </div>
{% endhighlight %} {% 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> <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="bs-example" data-example-id="stacked-progress-bar">
<div class="progress"> <div class="progress">