aboutsummaryrefslogtreecommitdiff
path: root/docs/components/progress.md
diff options
context:
space:
mode:
authorPierre-Denis Vanduynslager <[email protected]>2016-10-20 14:25:00 -0400
committerPierre-Denis Vanduynslager <[email protected]>2016-10-20 14:25:00 -0400
commit9ee304b973a5675a7a59406fdaeef20870f566ce (patch)
tree8820ad86b8cd5899ea1d2c9050881b4ff56c8fee /docs/components/progress.md
parent27cf3d675c80029ff2cea1e14903886c00119e37 (diff)
parentb5890e0608ad2262cde4a38e90afa19f1cb5d852 (diff)
downloadbootstrap-9ee304b973a5675a7a59406fdaeef20870f566ce.tar.xz
bootstrap-9ee304b973a5675a7a59406fdaeef20870f566ce.zip
Merge branch 'twbs/v4-dev' into v4-dev
Diffstat (limited to 'docs/components/progress.md')
-rw-r--r--docs/components/progress.md9
1 files changed, 5 insertions, 4 deletions
diff --git a/docs/components/progress.md b/docs/components/progress.md
index 57028c972..2d8db33cb 100644
--- a/docs/components/progress.md
+++ b/docs/components/progress.md
@@ -1,6 +1,7 @@
---
layout: docs
title: Progress
+description: Documentation and examples for using Bootstrap progress bars.
group: components
---
@@ -11,9 +12,9 @@ Stylize [the HTML5 `<progress>` element](https://developer.mozilla.org/en-US/doc
* Will be replaced with the ToC, excluding the "Contents" header
{:toc}
-### Example
+## Example
-To caption a progress bar, simply add a `<div>` with your caption text, [align the text using a utility class]({{ site.baseurl }}/components/utilities/#text-alignment), and associate the caption with the `<progress>` element using the `aria-describedby` attribute.
+To caption a progress bar, simply add a `<div>` with your caption text, [align the text using a utility class]({{ site.baseurl }}/utilities/typography/#text-alignment), and associate the caption with the `<progress>` element using the `aria-describedby` attribute.
{% example html %}
@@ -33,7 +34,7 @@ To caption a progress bar, simply add a `<div>` with your caption text, [align t
<progress class="progress" value="100" max="100" aria-describedby="example-caption-5"></progress>
{% endexample %}
-### IE9 support
+## IE9 support
Internet Explorer 9 doesn't support the HTML5 `<progress>` element, but we can work around that.
@@ -46,7 +47,7 @@ Internet Explorer 9 doesn't support the HTML5 `<progress>` element, but we can w
</progress>
{% endexample %}
-### Contextual alternatives
+## Contextual alternatives
Progress bars use some of the same button and alert classes for consistent styles.