.prog {
	height: 1.5rem; /* $line-height */
	background: #000;
	border: 1px solid #666;
	padding: 3px;
}

.bar {
	height: 100%;
	width: 0%;
	transition: width 1s ease-out;

	float: left;
}

.syst {
	background: #AAA;
}

.user {
	background: #E8B235;
}

.nice {
	background: #B3DBD2;
}

.legend-box {
	width: .875rem;
	height: .875rem;
	margin-right: .5rem;
	display: inline-block;
	border-radius: .5rem;
}