Chciałbym móc zwiększyć mój pasek postępu, w zależności od tego, jak daleko się przewinęłem i ile pozostało.

Próbowałem tego:jsFiddle i wydaje się, że nie działa, oparłem swój skrypt na cudzym skrypcie, który spowodował, że blok poruszył się poziomo na podstawie% przewijania.

Mój kod:

<progress id="progressbar" value="0" max="100"></progress>
<br />
<br />
<br />
Lorem<br />
Ipsum<br />
Dolor<br />
.
.
.
.

JS:

$(document).ready(function () {
    $(window).scroll(function () {
        var s = $(this).scrollTop(),
            d = $(document).height(),
            scrollPercent = (s / d);
        var position = (scrollPercent);
        $("#progressbar").progressbar('value', position);
    });
});