#progressBar{
	
	/* position the element */
	z-index: 3;
	position: fixed;
	left: 0;
	top: 0;
	
	/* size the element */
	height: 40px;
	width: 100%;
	
	/* texture the element */
	opacity: .7;
	background-color: var(--primary-color-dimmer);
	
}

#progressBarFill{
	
	/* position the element */
	position: fixed;
	left: 0;
	top: 0;
	
	/* size the element */
	height: 40px;
	width: 0;
	
	/* texture the element */
	background-color: var(--primary-color);
	box-shadow: 0 0 5px var(--primary-color);
	
	/* smooth transitions */
	transition: width 1s, background-color 1s;
	
}

#progressBarText{
	position: fixed;
	top: 10px;
	left: 10px;
	user-select: none;
}

#progressBarPercentAchievedElt{
	font-weight: bold;
	display: inline;
}