Отображение угловой загрузочной панели для запросов без XHR

Я использую угловую загрузочную планку (угловую нагрузку) для всех запросов XHR, чтобы показать индикатор загрузки. Но как я могу показать панель загрузки для запросов, отличных от XHR. например, я хочу показать панель загрузки во время навигации по страницам.

Я попытался включить его в run run следующим образом, но значок загрузки не отображается.

.run(['cfpLoadingBar',function ( cfpLoadingBar) {
   $rootScope.$on('$stateChangeStart', function(event) {        
    cfpLoadingBar.start();
  });
   $rootScope.$on('$stateChangeSuccess', function(event) {       
    cfpLoadingBar.complete();
  });
}]);