SendGrid style-guide usage meters

usage-meters.html

<div class="meter-container">
  <span class="meter-title">Health</span>
  <span class="meter-value">95%</span>
  <div class="meter-bar">
    <div class="meter-bar-fill is-above-50" style="width: 95%;"></div>
  </div>
</div>
<div class="meter-container">
  <span class="meter-title">Mana</span>
  <span class="meter-value">42%</span>
  <div class="meter-bar">
    <div class="meter-bar-fill is-below-50" style="width: 42%;"></div>
  </div>
</div>
<div class="meter-container">
  <span class="meter-title">Stamina</span>
  <span class="meter-value">13%</span>
  <div class="meter-bar">
    <div class="meter-bar-fill is-below-25" style="width: 13%;"></div>
  </div>
</div>