Creating a Read Progress Bar

A design pattern that has become more popular on sites lately is that of a read progress bar. An element on the page that indicates how much of the story has been viewed by the user.
This tutorial walks through the process of building one of these.
Code GIST: gist.github.co...

[@juniordallagnolo3983]

Pretty cool effect Steve, Hope one day I get to that easy thinking you have for how to solve those pragmatic issues! Amazing stuff with the calculations!

[@1kvolt1978]

Looks like it doesn't change the bar after resize untill you scroll. Needs to add a call of bar function to "resize" event as well IMHO.

[@SteveGriffith-Prof3ssorSt3v3]

Yep. That would be a good enhancement.

[@-DIYPRO-]

Great video! I hit the red button, your turn!

[@VideotanarArpas]

Cool video #758