Barra indicadora del porcentaje de scroll vertical

HTML

<div class="barra-porcentaje-scroll"></div>

Javascript

$(window).scroll(function() {
    //Calcular el porcentaje que el usuario ha scrolleado y mostrarlo en la barrita superior
    var scrollPercent = 100 * $(window).scrollTop() / ($(document).height() - $(window).height());
    $('.barra-porcentaje-scroll').css('width', scrollPercent +"%"  );
});

CSS

.barra-porcentaje-scroll
{
    height: 5px;
    background-color: #009ACF;
    width: 0px;
    z-index: 2;
    position: fixed;
    left: 0;
}

http://jsfiddle.net/SnJXQ/2/

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *