moz-range-progress-3.html (622B)
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>