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

If you want a version of md-progress-circular that also inhibits the screen and has a backdrop place the md-progress-circular inside an mdDialog like this:

     function showWait(){
          $mdDialog.show({
            controller: 'waitCtrl',
            template: '' +
                        '
' +
                            '' +
                        '
' +
                     '',
            parent: angular.element(document.body),
            clickOutsideToClose:false,
            fullscreen: false
          })
          .then(function(answer) {

          });
   }

here is a plunker i created that shows how Plunker