diff --git a/docs/components/progress.md b/docs/components/progress.md index 57028c9724e8067238bcae6c0e27953268d6a0df..5e0abc5fe61792cf0f4870bfbcc71d3cda7af2e5 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.