aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
Diffstat (limited to 'docs')
-rw-r--r--docs/components/progress.md6
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/components/progress.md b/docs/components/progress.md
index 57028c972..5e0abc5fe 100644
--- a/docs/components/progress.md
+++ b/docs/components/progress.md
@@ -11,7 +11,7 @@ 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.
@@ -33,7 +33,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 +46,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.