sanyasenka

jquery.page2page.ru/index.php5/%D0%A0%D0%B0%D0%B1%...
H - вся высота страницы,
h - высота видимой части страницы.
ширина при скролле: когда высота скролла = 0 - ширина 0,
когда высота скролла равна H-h, ширина блока 100%.
Вот в общем-то и все.

Считаем document.height и document.width.
На событии скролла вычитаем верхний offset от window.height. Приводим значение к процентам от window.height. Рисуем полоску размером в полученных процентах. Проценты применяем уже к document.width

Верстка+стили - делаете полосу, ширину выставляете на 0;
JS - вычисляете высоту документа. По событию скролла добавляете (в процентах, чтобы не зависеть от разрешения) соответствующее значение ширины к полосе. Для плавности можно использовать css transitions или анимации на js.