progress#scroll-progress {
	position:fixed;
	width:100%; /* width of bar */
	height:5px; /* thickness of bar */
	top:39.7px; /* distance from top of page */
	
	z-index:10000; /* overlays on top of disappearing header*/
	opacity:0; /* not showing */
	display:none; /* not showing */
	transition:all .40s ease;
	
}

progress#scroll-progress.show{
	opacity:1;
}

progress[value] {
	border:none;
	color: #0696d7;
	
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

progress[value]::-webkit-progress-value {
	background-image: none;
	background-color:#0696d7;
}

progress[value]::-moz-progress-bar { 
	background-image: none;
	background-color:#0696d7;
}

div.progress-container {

	width: 100%;
	background-color:transparent;
	position: fixed;
	top: 0;
	left: 0;
	height: 5px;
	display: block;
	z-index:2;


}

span.progress-bar {
	background-color:rgb(6, 150, 215) !important;
	width: 0%;
	display: block;
	height: inherit;
	z-index:2;

}