Allow mutliple progress-bars

[victorb]

Allow mutliple progress-bars

[lemkepf]

+1

[dasois]

@gabegorelick: how would you suggest addressing these multiple progress-bars in the css?

[dfsq]

@dasois Maybe to make it a requirement that progress bar is used within not-statically positioned parent container. And also use position: absolute instead of fixed like it's now.

[dasois]

@dfsq:

1. Im not sure how this issue would benefit from positioning in non-static containers?
2. Why do you like to use position: absolute?

[gngeorgiev]

Take a look at #50. It is not exactly the same but will allow you to change the position of the progressbar by changing its parent, which can be positioned anywhere.

[brandonkboswell]

+1

[victorb]

This is something I would like to implement. Currently playing around but the directive with the scope counter is coming in the way for. Will share how far I come ASAP.

[victorb]

I've done some prototyping of having multiple progressbars in one page.
What I don't like is to have styling stuff in the JS (like this: https://github.com/VictorBjelkholm/ngProgress/blob/7f3ac2889ef8d400161bd9f13f4ce57e66f4ff56/src/provider.js#L164-L166) but struggling with on how to make the CSS to work in just some cases.

Usage would look like this:

$scope.contained_progressbar = ngProgressFactory.getInstance();
$scope.contained_progressbar.setParent(document.getElementById('demo_contained'));
$scope.contained_progressbar.setAbsolute();

Same if you don't have multiple progressbars. Basically, what I changed is that you'll need to construct the service manually via a ngProgressFactory.

If anyone have any other ideas on how to solve it, please share your thoughts 😄

[victorb]

This have now been implemented and pushed to version 1.1.0. Enjoy and please open up any issues if there is any.