Module:Progression rainbow/styles.css

.progression-rainbow {
	border: 1px solid grey;
	height: 4px;
	width: 100%;
	padding: 1px;
	list-style: none;
	display: flex;
	margin-left: 0;
}

.progression-rainbow li {
	height: 4px;
}

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

/* hide the text provided for blind people
https://webaim.org/techniques/css/invisiblecontent/
don't have access to clip. too new? open to abuse?
*/
.progression-rainbow span {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}