From http://stackoverflow.com/questions/19037179/angular-synchronous-http-loop-to-update-progress-bar

chanin-async-loop.js

var promise = $q.all(null);

angular.forEach(urls, function(url){
  promise = promise.then(function(){
    return $http({
      method: 'GET', 
      url:url 
    }).then(function(res){
      $scope.responses.push(res.data);
    });
  });
});

promise.then(function(){
  //This is run after all of your HTTP requests are done
  $scope.doneLoading = true;
});