Item — HN Reader

Wow, this is cool. The first thing I thought when I saw http://ricostacruz.com/nprogress/ (submitted earlier) was how much effort to port/implement it to/in AngularJS. And you did it!

Sorry for nitpicking: (1) I think the color is too strong, (2) At one time (I don't know what I did), the progress bar went 50% but centered instead of left-aligned (but still on top), unfortunately I can't reproduce it, and (3) While trying to reproduce the bug, I encounter another bug where it won't stop if I click "Start progressbar" repeatedly.

1 comments

Thanks for the cooleness mention, always makes me smile! I thought the same thing and started thinking about a port. Then I discovered that is was simpler to just skip the jQuery part and use Javascript only instead.

1, you can use whatever color you want. Either you call progressbar.color() with an HTML valid color or you use the provider like this:

    app.config(function(progressbarProvider){
        // Default color is firebrick
        progressbarProvider.setColor('firebrick');
        // Default height is 2px
        progressbarProvider.setHeight('2px');
    });

2, I will have to look into that

3, and the same with this bug

Thanks a lot for checking it out and telling valuable feedback!