title: How can I use the Angular Loading Bar explicitly for various wait conditions?
body: <p>The app I am working on does most of its navigation by Ajax loading HTML templates. The Angular Loading Bar works great for this, because it uses interceptors to monitor most <code>$http</code> requests. It does, however, have <code>start()</code>  and <code>complete()</code> methods, which work as I require, starting and stopping the load indicator independently of any <code>$http</code> requests.</p>
  
  <p>My problem is I can't figure out how to get access this service, either directly, or by injecting it into a control, to access these two methods I want. The only evidence of anything to do with this service is only found in the first two lines of the Angular app:</p>
  
  <pre><code>var MlamAngularApp = angular.module('MlamAngularApp', ['kendo.directives', 'ngRoute', 'angular-loading-bar', 'ngAnimate']);
  
  MlamAngularApp.config(['cfpLoadingBarProvider', function (cfpLoadingBarProvider) {
      cfpLoadingBarProvider.includeSpinner = true;
      cfpLoadingBarProvider.includeBar = true;
  }]);
  </code></pre>
  
  <p>There follow a lot of declarations of services, factories, and controllers, in the form:</p>
  
  <pre><code>MlamAngularApp.service('QuoteService', QuoteService);
  MlamAngularApp.factory('ApplicationCancelFactory', ApplicationCancelFactory);
  MlamAngularApp.controller('MlamController', MlamController);
  </code></pre>
  
  <p>and I somehow suspect the Loading Bar should be included there somewhere, but really have no clue if it should or how.</p>