title: Show progress circular during $http post?
body: <p>What is the best way to use Angular Material's <a href="https://material.angularjs.org/latest/#/demo/material.components.progressCircular" rel="noreferrer">Progress circular</a> component  with a <code>$http</code> request?</p>
  
  <p>I currently have the code like this below:</p>
  
  <p>Progress circular:</p>
  
  <pre><code>&lt;md-progress-circular ng-if="determinateValue === 100" md-mode="determinate" value="{{determinateValue}}"&gt;&lt;/md-progress-circular&gt;
  </code></pre>
  
  <p><code>$http</code> request:</p>
  
  <pre><code>$scope.determinateValue = 0;
  
  $http.get("/posts")
         .success(function (data) {
  
            $scope.posts = data;
            $scope.determinateValue = 100;
  
         })
  </code></pre>