layout/reftests/forms/input/range/moz-range-progress-3.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Test ::-moz-range-progress</title>
   5     <style>
   6
   7 input[type=range] {
   8   width: 200px;
   9   height: 20px;
  10   margin: 0;
  11   padding: 0;
  12   background-color: blue;
  13 }
  14
  15 input[type=range]::-moz-range-track {
  16   border: 0;
  17   height: 10px;
  18   background-color: red;
  19 }
  20
  21 input[type=range]::-moz-range-progress {
  22   height: 10px;
  23   background-color: lime;
  24 }
  25
  26 input[type=range]::-moz-range-thumb {
  27   width: 10px;
  28   height: 10px;
  29   border: 0;
  30   border-radius: 0;
  31   background-image: none;
  32   background-color: yellow;
  33 }
  34
  35     </style>
  36   </head>
  37   <body>
  38     <input type=range value=100>
  39   </body>
  40 </html>