Show progress circular during $http post?

Question

What is the best way to use Angular Material\'s Progress circular component with a $http request?

I currently have the code like this below:

Progre

Answer 1

I don't think you need the value attribute here with determinate mode. Instead you should use indeterminate mode, then show and hide the progress indicator using ngShow.

And in your JS

$scope.isLoading = true;
$http.get("/posts")
   .success(function (data) {
        $scope.isLoading = false;
   });