Module:Progression rainbow/styles.css

.progression-rainbow {
	border: 1px solid grey;
	height: 10px;
	width: 100%;
	border-spacing: 1px;
    border-collapse: separate;
}

.progression-rainbow tr td {
	height: 4px;
}

.progression-rainbow tr .remaining {
	background: #E2E2E2;
}

/* hide the text provided for blind people
https://accessibility.18f.gov/hidden-content/
*/
.progression-rainbow span {
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}