title: A good usage of HTML5's "progress" or "meter"?
body: <p>Say you have a survey with 10 pages (one question per page). At the top of each page, you include the text, "Question 2 of 10". Is this kind of a thing a good candidate for "<a href="http://developers.whatwg.org/the-button-element.html#the-progress-element" rel="noreferrer">progress</a>" or "<a href="http://developers.whatwg.org/the-button-element.html#the-meter-element" rel="noreferrer">meter</a>"?</p>
  
  <p>Semantically speaking, "progress" initially seems like the best fit. But, the more I read and look at examples, I think "meter" may be more appropriate.</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;meter max="10" value="1"&gt;Question 1 of 10&lt;/meter&gt;
  &lt;progress max="10" value="1"&gt;Question 1 of 10&lt;/progress&gt;</code></pre>
  </div>
  </div>
  </p>