values-vertical-rtl.html (1720B)
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 dir='rtl'> 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>