title: Angular Material progress spinner in-line
body: <p>Is it possible to have the <a href="https://material.angular.io/components/progress-spinner/overview" rel="noreferrer">Angular Material progress spinner</a> appear in-line with the text and roughly the size of a character?</p>
  
  <p>I want something like:</p>
  
  <pre><code>&lt;span&gt;please wait &lt;mat-spinner&gt;&lt;/mat-spinner&gt;&lt;/span&gt;
  </code></pre>
  
  <p>where the spinner just appears in-line with the 'please wait' text.</p>
  
  <p>Is this possible? </p>
  
  <p>I have had a look at the docs and the <a href="https://material.angular.io/components/progress-spinner/examples" rel="noreferrer">examples</a> provided but none of them seem to offer a way forward and a Google + search of StackOverflow didn't turn anything up.</p>