title: Module AngularJS loading-bar doesn't work
body: <p>I am trying nodeJS, SailsJS &amp; Angular. I want use this loading bar:
  <a href="http://chieffancypants.github.io/angular-loading-bar/" rel="nofollow">http://chieffancypants.github.io/angular-loading-bar/</a>
  <a href="https://github.com/chieffancypants/angular-loading-bar" rel="nofollow">https://github.com/chieffancypants/angular-loading-bar</a></p>
  
  <p>I read the loading bar handle http request are automatically.
  so i do this :</p>
  
  <pre><code>npm install angular-loading-bar.
  </code></pre>
  
  <p>I put the jss and css in assets.</p>
  
  <p>Here my LoginModule :</p>
  
  <pre><code>var LoginModule = angular.module('LoginModule', ['angular-loading-bar']);
  </code></pre>
  
  <p>And my LoginController :</p>
  
  <pre><code>angular.module('LoginModule')
      .controller('LoginController', LoginController);
  
  LoginController.$inject = ['$scope', '$http', 'cfpLoadingBar'];
  
  function LoginController($scope, $http, cfpLoadingBar) {
  
      // Get CSRF token and set as header
      $http.defaults.headers.post['X-CSRF-Token'] = document.getElementsByName('_csrf')[0].value;
  
      $scope.submitLoginForm = function() {
          $scope.start();
          $http.post('/login', {
                  identifiant: $scope.login.identifiant,
                  password: $scope.login.password
              })
              .then(function onSuccess() {
                  window.location = '/home/';
              })
              .catch(function onError(response) {
                  console.log(response);
              })
      }
  
      $scope.start = function() {
          cfpLoadingBar.start();
      };
      $scope.complete = function() {
          cfpLoadingBar.complete();
      };
  }
  </code></pre>
  
  <p>But when i login on my form :</p>
  
  <pre><code>  &lt;div class="container-fluid" ng-app="LoginModule" ng-controller="LoginController" ng-cloak&gt;
      &lt;div class=" col-lg-offset-4 col-lg-4"&gt;
        &lt;div class="panel panel-primary"&gt;
          &lt;div class="panel-heading"&gt;
            &lt;h3 class="panel-title"&gt;Connexion&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="panel-body"&gt;
            &lt;h5 class="col-lg-12" style="text-align: center"&gt;Admin !&lt;/h5&gt;
            &lt;form ng-submit="submitLoginForm()" class="col-lg-offset-3 col-lg-6 form-group" name="loginForm"&gt;
              &lt;input type="text" class="form-control" id="inputLogin" name="inputLogin" placeholder="Identifiant" ng-model="login.identifiant"&gt;
              &lt;input type="password" class="form-control" id="inputPassword" name="inputPassword" placeholder="Mot de passe" ng-model="login.password"&gt;
              &lt;br&gt;
              &lt;button type="submit" class="btn btn-primary" style="float: right"&gt;Connexion&lt;/button&gt;
              &lt;input type="hidden" name="_csrf" value="&lt;%= _csrf %&gt;"&gt;
            &lt;/form&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>I don't see the loading bar when i submit the form (form working) :( why ? Also when i try to load ngAnimate in LoginModule i have an error</p>
  
  <p>I tried also  the function start() on element HTML but nothing..</p>