* 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.
<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.
</progress>
{% endexample %}
-### Contextual alternatives
+## Contextual alternatives
Progress bars use some of the same button and alert classes for consistent styles.