title: Circular progress amount in the center of the circle? (angular material)
body: <p>I'm using the circular-progress-bar element of angular material and trying to set the amount of progress in the center of the circle, but it went out bad. 
  Some talented, gifted front-end developer maybe know how to do it? 
  Thanks in advance. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;md-progress-circular layout-padding value="{{vm.progress}}" md-diameter="95" md-mode="determinate"&gt; {{vm.progress}}%&lt;/md-progress-circular&gt;
  //how the hack should i css it to be in the middle :( ?
          &lt;h4&gt;{{vm.progress}}%&lt;/h4&gt;</code></pre>
  </div>
  </div>
  </p>