/*
	Progress Bar


Markup:
<div class="progressbar">
    <span class="progressbar__fill" style="width: 30%"></span>
</div>


Style guide: Modules.Progress Bar
*/

.progressbar {
	background: $black;
    width: 100%;
    height: 0.625em;
    margin-top: -0.625em;
	position: relative;
	z-index: 1;
}

.progressbar__fill {
    display: block;
    height: 0.625em;
    background: $blue;
//     transition: width 5s ease-in-out;
    width: 0%;
}