| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| </script> |
| </head> |
| <body> |
| <h1>Meters with various optimums</h1> |
| <p>(min=0, max=1000, low=300, high=600)</p> |
| <h2>optimum=450</h2> |
| <ul> |
| <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="450" value="250" ></meter></li> |
| <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="450" value="450" ></meter></li> |
| <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="450" value="750" ></meter></li> |
| <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="450" value="0" ></meter></li> |
| <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="450" value="1000" ></meter></li> |
| </ul> |
| <h2>optimum=150</h2> |
| <ul> |
| <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="150" value="250" ></meter></li> |
| <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="150" value="450" ></meter></li> |
| <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="150" value="750" ></meter></li> |
| <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="150" value="0" ></meter></li> |
| <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="150" value="1000" ></meter></li> |
| </ul> |
| <h2>optimum=750</h2> |
| <ul> |
| <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="750" value="250" ></meter></li> |
| <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="750" value="450" ></meter></li> |
| <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="750" value="750" ></meter></li> |
| <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="750" value="0" ></meter></li> |
| <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="750" value="1000" ></meter></li> |
| </ul> |
| </body> |
| </html> |