“Cómo agregar la barra de progreso en Blogger” Código de respuesta

Cómo agregar la barra de progreso en Blogger

<div class='progress-container'>
<div class='progress-bar' id='myBar' style="width:0%;"></div>
</div>
AKA_Mishra

Cómo agregar la barra de progreso en Blogger

<style>
.progress-container{width:100%;position:fixed;z-index:99;top:0;left:0;}
.progress-bar{height:5px;background:#F86152;}
</style>
AKA_Mishra

Cómo agregar la barra de progreso en Blogger

<script>
window.onscroll = function() {
    myFunction()
};
function myFunction(){
    var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    var scrolled = (winScroll / height) * 100;
    document.getElementById("myBar").style.width = scrolled + "%";
}
</script>
AKA_Mishra

Respuestas similares a “Cómo agregar la barra de progreso en Blogger”

Preguntas similares a “Cómo agregar la barra de progreso en Blogger”

Más respuestas relacionadas con “Cómo agregar la barra de progreso en Blogger” en HTML

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código