meter-native-style-ref.html

Enable keyboard shortcuts

<!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="transform: scale(-1, 1);" value=0.5></meter>

  </body>

</html>