<!DOCTYPE html>
<html>
  <body>
    <!-- Empty meter, no bar. -->
    <meter></meter>
    <!-- Full meter green colored. -->
    <meter min=0 low=0 high=1 optimum=2 max=10 value=10></meter>
    <!-- Full meter orange colored. -->
    <meter min=0 low=0 high=1 optimum=1 max=10 value=10></meter>
    <!-- Full meter red colored. -->
    <meter min=0 low=1 high=2 optimum=0 max=10 value=10></meter>
    <!-- Half-empty orange colored. -->
    <meter min=0 low=0 high=1 optimum=0 max=10 value=5></meter>
    <!-- Half-empty orange colored. -->
    <meter min=0 low=0 high=1 optimum=0 max=10 value=5></meter>
    <!-- With RTL, the bar should begin on the right. -->
    <meter style="-moz-transform: scale(-1, 1);" value=0.5></meter>
  </body>
</html>
