layout/reftests/forms/meter/values-vertical.html

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