Predefinição:Barra de progresso/styles.css

.barra {
	 display: flex;
}

.bloco {
	display: inline-block;
	height: 100%;
	border: 1px solid;
	box-sizing: border-box;
}
.a {
	background: #ddd;
	border-color: #b1b1b1;
}
.b {
	background:	#ffa0a0;
	border-color: #cc8080
}
.c {
	background: #b0b0ff;
	border-color: #8d8dcc
}
.d {
	background: #ffe867;
	border-color: #ccba52
}
.e {
	background: #90ff90;
	border-color: #73cc73
}
.f {
	background: #fff; 
	border-color: #ccc
}