*,::after,::before {
box-sizing:border-box;
}
progress {
position: absolute;
bottom: -2px;
left: 0;
z-index: 1;
width: 100%;
height: .1em;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
background-color: transparent;
color: rgb(30, 181, 207);
}
progress::-webkit-progress-bar {
background-color:transparent;
}
.flat::-webkit-progress-value {
background-color:#1eb5cf;
}
.flat::-moz-progress-bar {
background-color: #1eb5cf;
}
.progress-container {
width:100%;
background-color:transparent;
position:fixed;
top:0;
left:0;
height:.25em;
display:block;
}
.progress-bar {
background-color: #1eb5cf;
width:50%;
display:block;
height:inherit;
}