Set progressbar location to the top of container instead of the page

[JesseZomer]

Bug Report or Feature Request (mark with an x)

- [ ] bug report -> please search issues before submitting
- [x] feature request
- [ ] question

OS and Version?

Windows 10

Versions

latest

Repro steps

The log given by the failure

Desired functionality

I would like te see a feature where you can set the progressbar to the top of your container instead of the page. At the moment I'm using https://github.com/aitboudad/ngx-loading-bar because this has a [fixed]="false" feature, where the progressbar gets set to top of the component you place it in.

Mention any other details that might be useful

[MurhafSousli]

::ng-deep {
  .parent {
    position: relative;
    ng-progress {
      position: static;
      .ng-progress-bar {
         position: absolute;
      }
    }
  }
}

check this stackblitz

dup of #73 #129

I will add an option for this

[JesseZomer]

This seems to work, thank you!

I did have to set meteor to false, or else I would have this weird sort of glow stick coming out of the end.
A built in feature would be nice, so we can keep the ::ng-deep css out of the components.

[MurhafSousli]

The meteor should work if you add overflow: hidden; on parent element, just like in the stackblitz