Home Explore Help
Sign In
khronosschoty
/
palemoon-dev
Watch 2
Star 1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: ac60e7ecec
Branches Tags
palemoon-dev
/
platform
/
layout
/
reftests
/
forms
/
meter
/
values-vertical.html

values-vertical.html 1.6 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.   <link rel='stylesheet' type='text/css' href='style.css'>
    4. 

  4.   <style>
    5. 

  5.     meter {
    6. 

  6.       -moz-orient: vertical;
    7. 

  7.     }
    8. 

  8.   </style>
    9. 

  9.   <body>
    10. 

  10.     <meter value="1.0"></meter>
    11. 

  11.     <meter value="0.0"></meter>
    12. 

  12.     <meter value="0.1"></meter>
    13. 

  13.     <meter value="0.5"></meter>
    14. 

  14.     <meter value="-1"></meter>
    15. 

  15.     <meter value="50"></meter>
    16. 

  16. 		<!-- focus on max -->
    17. 

  17.     <meter value="42" max="100"></meter>
    18. 

  18.     <meter value="42" max="1"></meter>
    19. 

  19.     <meter value="42" max="-1"></meter>
    20. 

  20.     <meter value="0.1" max="1"></meter>
    21. 

  21. 		<!-- focus on min -->
    22. 

  22. 		<meter value="50" min="20" max="100"></meter>
    23. 

  23.     <meter value="50" min="1" ></meter>
    24. 

  24.     <meter value="0.1" min="2" ></meter>
    25. 

  25.     <meter value="0.1" min="0.1"></meter>
    26. 

  26. 		<meter value="0.1" min="-1"></meter>
    27. 

  27. 		<!-- focus on low -->
    28. 

  28. 		<meter value="50" low="20" max="100"></meter>
    29. 

  29. 		<meter value="20" low="50" max="100"></meter>	
    30. 

  30.     <meter value="0.1" low="-1"></meter>
    31. 

  31.     <meter value="0.1" low="0"></meter>
    32. 

  32. 		<!-- focus on high -->
    33. 

  33. 		<meter value="20" high="50" max="100"></meter>
    34. 

  34.     <meter value="50" min="20" high="1" max="100"></meter>	
    35. 

  35. 		<meter value="0.1" low="0.3" high="0.2"></meter>	
    36. 

  36.     <meter value="0.1" high="-1"></meter>
    37. 

  37.     <meter value="0.1" high="2"></meter>
    38. 

  38. 		<!-- focus on optimum -->
    39. 

  39. 		<meter value="50" max="100" optimum="20"></meter>
    40. 

  40. 		<meter value="20" max="100" low="40" high="50" optimum="20"></meter>
    41. 

  41. 		<meter value="90" max="100" low="40" high="50" optimum="20"></meter>
    42. 

  42. 		<meter value="10" max="100" low="20" high="40" optimum="50"></meter>
    43. 

  43.     <meter value="0.1" optimum="50"></meter>
    44. 

  44.     <meter value="0.1" optimum="-1"></meter>
    45. 

  45. 		<meter value="0.1" optimum="1"></meter>
    46. 

  46.   </body>
    47. 

  47. </html>
    48. 

  48.