title: Adding the progress value inline to Materialize Linear Determinate Preloader
body: <p>I am trying to put the progress value, inline with a linear preloader in MaterializeCSS. I've tried a lot of stuff but no success. </p>
  
  <pre><code>&lt;!-- Doesn't show any text at all --&gt;
  &lt;div class="container"&gt;
      &lt;div class="progress"&gt;
          &lt;div class="determinate" style="width: 70%"&gt;7/10&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- Doesn't show any text at all --&gt;
  &lt;div class="container"&gt;
      &lt;div class="progress"&gt;
          &lt;div class="determinate" style="width: 70%"&gt;&lt;/div&gt;
          &lt;span&gt;7/10&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- Displays the text in new line --&gt;
  &lt;div class="container"&gt;
      &lt;div class="progress"&gt;
          &lt;div class="determinate" style="width: 70%"&gt;&lt;/div&gt;          
      &lt;/div&gt;
      &lt;span class="right"&gt;7/10&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My intention behind this is to actually show number of steps completed out of the total number of steps (Basically a step progress), but i didn't find any specification in the Material Design Guidelines. And not even text next to progress-bar. Does Material Design Guidelines drops the textual representation of progress ??</p>