src/third_party/WebKit/LayoutTests/fast/dom/HTMLMeterElement/meter-optimums.html

   1 <html>
   2 <head>
   3 <script>
   4 if (window.testRunner)
   5     testRunner.notifyDone();
   6 </script>
   7 </head>
   8 <body style="overflow:hidden;">
   9   <h1>Meters with various optimums</h1>
  10   <p>(min=0, max=1000, low=300, high=600)</p>
  11   <h2>optimum=450</h2>
  12   <ul>
  13     <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="450" value="250" ></meter></li>
  14     <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="450" value="450" ></meter></li>
  15     <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="450" value="750" ></meter></li>
  16     <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="450" value="0" ></meter></li>
  17     <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="450" value="1000" ></meter></li>
  18   </ul>
  19   <h2>optimum=150</h2>
  20   <ul>
  21     <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="150" value="250" ></meter></li>
  22     <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="150" value="450" ></meter></li>
  23     <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="150" value="750" ></meter></li>
  24     <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="150" value="0" ></meter></li>
  25     <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="150" value="1000" ></meter></li>
  26   </ul>
  27   <h2>optimum=750</h2>
  28   <ul>
  29     <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="750" value="250" ></meter></li>
  30     <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="750" value="450" ></meter></li>
  31     <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="750" value="750" ></meter></li>
  32     <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="750" value="0" ></meter></li>
  33     <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="750" value="1000" ></meter></li>
  34   </ul>
  35 </body>
  36 </html>