title: angular.js when to call ng-progress api methods
body: <p>I have this code</p>
  
  <pre><code>app.run(['$location', '$rootScope', 'ngProgress', '$timeout', function($location, $rootScope, ngProgress, $timeout) {
    $rootScope.$on('$routeChangeSuccess', function (event, current, previous) {
        console.log(ngProgress.status());
    ngProgress.complete();
    console.log(ngProgress.status());
    });
    $rootScope.$on('$routeChangeStart', function() {
      console.log(ngProgress.status());
  ngProgress.start();
  console.log(ngProgress.status());
  
    });
  
  }]);
  </code></pre>
  
  <p>It works, but loading bar shows just after the content of page is loaded, not when I click on link. So it looks like this:
  1.I click link
  2.I'm waiting 5 seconds
  3.Page loaded;Progress bar shows;Progress bar ends</p>
  
  <p>How to show progress bar just after I click on link and show progress?</p>
  
  <p>Edit: I added into console current status(width) of bar. It's showing me 0,0,0,100 -> that's what I'm talking about, it's not working properly. It just shows and hides. (Even if page is loading 5 secons)</p>