NProgress: slim, site-wide progress bars

#1

Post by ianstormtaylor » Tue, Aug 20, 2013, 8:07 PM UTC

NProgress: slim, site-wide progress bars
ricostacruz.com

Re: NProgress: slim, site-wide progress bars

#2

Post by k-mcgrady » Tue, Aug 20, 2013, 8:11 PM UTC

This 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...

Re: NProgress: slim, site-wide progress bars

#3

Post by mef » Tue, Aug 20, 2013, 8:19 PM UTC

k-mcgrady wrote: post #2

This 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...

youtube.com does it as well.

Re: NProgress: slim, site-wide progress bars

#4

Post by grey-area » Tue, Aug 20, 2013, 8:21 PM UTC

k-mcgrady wrote: post #2

This 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...

The iOS7 browser has an identical progress bar. I saw it in a leaked screenshot somewhere, I'm sure :)

Re: NProgress: slim, site-wide progress bars

#5

Post by k-mcgrady » Tue, Aug 20, 2013, 8:22 PM UTC

grey-area wrote: post #4

k-mcgrady wrote: post #2

This 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...

The iOS7 browser has an identical progress bar. I saw it in a leaked screenshot somewhere, I'm sure :)

That's where I've seen it! Thanks.

Re: NProgress: slim, site-wide progress bars

#6

Post by waxjar » Tue, Aug 20, 2013, 8:26 PM UTC

k-mcgrady wrote: post #2

This 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 for iOS has/had it.

Re: NProgress: slim, site-wide progress bars

#7

Post by benburleson » Tue, Aug 20, 2013, 8:27 PM UTC

Am I the only one that remembers SWF load-progress indicators and how retarded they were?

Re: NProgress: slim, site-wide progress bars

#8

Post by civild » Tue, Aug 20, 2013, 8:28 PM UTC

I noticed YouTube had started using this (or at least the same idea), very subtle and sleek.

Re: NProgress: slim, site-wide progress bars

#9

Post by aeon10 » Tue, Aug 20, 2013, 8:29 PM UTC

the cycle, article about some thing -> post implementing it on HN is pretty damn awesome. I remember reading articles about this a few days back and here we have this. I remember reading articles about Await in JS and a link to a framework doing exactly that was posted a few days later.

Re: NProgress: slim, site-wide progress bars

#10

Post by tuananh » Tue, Aug 20, 2013, 8:32 PM UTC

More on website loading bar: http://www.usabilitypost.com/2013/08/19/new-ui-pattern-websi...