layout/reftests/forms/meter/values.html

   1 <!DOCTYPE html>
   2 <html>
   3   <link rel='stylesheet' type='text/css' href='style.css'>
   4   <body>
   5     <meter value="1.0"></meter>
   6     <meter value="0.0"></meter>
   7     <meter value="0.1"></meter>
   8     <meter value="0.5"></meter>
   9     <meter value="-1"></meter>
  10     <meter value="50"></meter>
  11     <!-- focus on max -->
  12     <meter value="42" max="100"></meter>
  13     <meter value="42" max="1"></meter>
  14     <meter value="42" max="-1"></meter>
  15     <meter value="0.1" max="1"></meter>
  16     <!-- focus on min -->
  17     <meter value="50" min="20" max="100"></meter>
  18     <meter value="50" min="1" ></meter>
  19     <meter value="0.1" min="2" ></meter>
  20     <meter value="0.1" min="0.1"></meter>
  21     <meter value="0.1" min="-1"></meter>
  22     <!-- focus on low -->
  23     <meter value="50" low="20" max="100"></meter>
  24     <meter value="20" low="50" max="100"></meter>
  25     <meter value="0.1" low="-1"></meter>
  26     <meter value="0.1" low="0"></meter>
  27     <!-- focus on high -->
  28     <meter value="20" high="50" max="100"></meter>
  29     <meter value="50" min="20" high="1" max="100"></meter>
  30     <meter value="0.1" low="0.3" high="0.2"></meter>
  31     <meter value="0.1" high="-1"></meter>
  32     <meter value="0.1" high="2"></meter>
  33     <!-- focus on optimum -->
  34     <meter value="50" max="100" optimum="20"></meter>
  35     <meter value="20" max="100" low="40" high="50" optimum="20"></meter>
  36     <meter value="90" max="100" low="40" high="50" optimum="20"></meter>
  37     <meter value="10" max="100" low="20" high="40" optimum="50"></meter>
  38     <meter value="0.1" optimum="50"></meter>
  39     <meter value="0.1" optimum="-1"></meter>
  40     <meter value="0.1" optimum="1"></meter>
  41   </body>
  42 </html>