search

CodeByZach / pace

Automatically add a progress bar to your site.
https://codebyzach.github.io/pace/
MIT License
15.68k stars 1.9k forks source link

Animation like nprogress.js #106

Open Snoop opened 10 years ago

Snoop commented 10 years ago

Hi there, recently I also checked out the competition, and I like the progress bar animation of nprogress.js most, as it looks fluid and realistic. I tried to create the same animation effect in pace.js without luck.

Please take a look on my example of nprogress.js progress bar: http://jsfiddle.net/ameli/2QHdh/

Pressing the "force-stop" button will show the effect when nothing to be load, it is great.

How to get the same effect in pace.js ? I want to stick to pace.js due to the project is bigger!

runar commented 10 years ago

Isn’t this basically the same as the Flash theme?

Snoop commented 10 years ago

It is not about the css style, it is about the animation type / how the bar is loading

runar commented 10 years ago

To me they seem quite similar, almost identical, but that might be because the loading bar is so small in both the Flash theme and your example. I apologize if I’m missing something.

bserem commented 10 years ago

The only important difference I see is that the bar fades away when loading is finished and the little glow.

I don't see what else there is to it. It does seem different, but not that different. Maybe a direct comparison with pace would give some insight.