I remember an article last year talking about how this kind of progress bar is a distraction to the user and ultimately it's a UI anti-pattern.

https://medium.com/because-we-love-software/126cfe0fa698

I don't know if I agree with all of his points but he does make me think twice before I copy a trendy design.

For those interested in an Angular version there is http://victorbjelkholm.github.io/ngProgress/

...but it looks like it's only for a top of the page progress bar.

I posted a big comment and then didn't see the extra content!

I think your demo page should make it more obvious that you should scroll down instead of the icon that implies peeling up the corner.

Yeah, sure. I will apply a patch soon. Thanks for suggestion.

Personally, I would opt for not modifying the DOM heavily and push more of the work into CSS making use of different DOM structure and data attributes instead of just classes. Also CSS pseudo element will save you a lot of DOM footprint in some cases and the combination will result in quicker performance.

Also the use way in which you build a progress bar, what exactly is happening there?

I completely missed the USP of the project for a second and was wondering why you hadn't opted for a pure CSS implementation like progre(c)ss

Looks great.

What browsers does this officially support? I don't see it explicitly referenced anywhere (other than some IE references in the source).

I can't seem to find a demo anywhere?

Great Job! undoubtedly useful.

Thanks!