I hit one of the buttons in the demo and sat waiting for a doc page to load. After 5 seconds or so I realized that I'm an idiot.
I suppose that says good things about the bars, though; they really do signal "loading"...
NProgress: slim, site-wide progress bars
11–20 of 143 posts
Re: NProgress: slim, site-wide progress bars
#12looks really slick.. looking forward to build this as an AngularJS directive or such. :)
Re: NProgress: slim, site-wide progress bars
#13Am I the only one that remembers SWF load-progress indicators and how retarded they were?
I think this is something slightly different in that it's non-blocking.
The progress bar provides users with feedback as to the current status of the page they have requested to load, but it doesn't get in users' way and the page loads and renders as assets become available (unlike in SWF where all interaction is halted until the entire site has been downloaded up front).
Re: NProgress: slim, site-wide progress bars
#14I noticed YouTube had started using this (or at least the same idea), very subtle and sleek.
I was just going to say that I thought I'd seen that concept before recently, but couldn't remember where. Must have been Youtube.
Re: NProgress: slim, site-wide progress bars
#15I hope progress bars will not be an excuse to build bad slow-loading websites. I think if you are not GMail you should stay away.
Re: NProgress: slim, site-wide progress bars
#16looks really slick.. looking forward to build this as an AngularJS directive or such. :)
i'll be watching your comments 'til you post this!
Re: NProgress: slim, site-wide progress bars
#17This looks really nice. I think I've saw one of the browsers using that space at the top for it's loading bar which looks very similar (I'm not positive on this - it could have been a mobile browser). Edit: Readme says it was inspired by Medium and YouTube - http://www.usabilitypost.com/2013/08/19/new-ui-pattern-websi...
Chrome + Safari in iOS 7.
Re: NProgress: slim, site-wide progress bars
#18looks really slick.. looking forward to build this as an AngularJS directive or such. :)
I want to build this as an angularjs directive too, but knowing me, it'll probably be not until winter when I finish. (So I hope you make it sooner!)
Re: NProgress: slim, site-wide progress bars
#19coould be good for mobile apps as well!!
Re: NProgress: slim, site-wide progress bars
#20This looks similar to the one on Youtube, I was wondering though, why is youtube progress bar only compatible with Chrome ? does it rely on a new HTML5 feature that doesn't exist in firefox ?