scroll progress bar
.header {
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
.progress-container {
background-color: blue;
height: 10px;
width: 100%;
}
#progressBar {
background-color: red;
height: 10px;
width: 0%;
}
function progressBarScroll() { let winScroll = document.body.scrollTop || document.documentElement.scrollTop, height = document.documentElement.scrollHeight - document.documentElement.clientHeight, scrolled = (winScroll / height) * 100; document.getElementById("progressBar").style.width = scrolled + "%";}window.onscroll = function () { progressBarScroll();};