Progress bar

Taxonomic name: A-PROGRESS-BAR

Archive - Updated 28/03/17. Current version

Atom

Beta v.1.1.6

Progress bar featured a single animated line using different markup.

Previous styling progress bar
<div class="a-progress-bar">
	<p class="a-progress-bar__step">...<strong>Step ... of ...</strong><p>
	<div class="a-progress-bar__line a-progress-bar__line--[ Modifier ]"><div></div></div>
</div>

Beta v.1.0.0 - Beta v.1.1.5

For documentation on the progress bar prior to v.1.1.6 see our deprecated progress bar documentation.