blob: 4857fd60a858cb874f8340c548e389a8b9b32801 [file] [log] [blame]
<!DOCTYPE html>
<html>
<style>
#mask {
position: absolute;
left: 0px;
top: 18px;
background-color: #000000;
height: 30px;
width: 180px
}
</style>
<body>
<input type=range list=foo value="100" /><br>
<input type=range list=foo value="90" /><br>
<input type=range list=foo value="80" /><br>
<input type=range list=foo value="70" /><br>
<input type=range list=foo value="60" /><br>
<input type=range list=foo value="50" /><br>
<input type=range list=foo value="40" /><br>
<input type=range list=foo value="30" /><br>
<input type=range list=foo value="0" />
<datalist id=foo>
<option>0</option>
<option>30</option>
<option>40</option>
<option>50</option>
<option>60</option>
<option>70</option>
<option>80</option>
<option>90</option>
<option>100</option>
</datalist>
<div id=mask></div>
</body>
</html>