Creates an auto-generated series of option values to generate ticks for Chrome & IE10 range sliders. slider requires min,max,step and list attributes.

auto-generated range ticks

function ticks(element) {
    if (element.hasOwnProperty('list') && element.hasOwnProperty('min') && element.hasOwnProperty('max') && element.hasOwnProperty('step')) {
 var datalist = document.createElement('datalist'),
 minimum = parseInt(element.getAttribute('min')),
 step = parseInt(element.getAttribute('step')),
 maximum = parseInt(element.getAttribute('max'));
 datalist.id = element.getAttribute('list');
  for (var i = minimum; i < maximum+step; i = i + step) {
 	datalist.innerHTML +="<option value="+i+"></option>";
 } 
 element.parentNode.insertBefore(datalist, element.nextSibling);
    }
}
var lists = document.querySelectorAll("input[type=range][list]"),
arr = Array.prototype.slice.call(lists);
arr.forEach(ticks);

Thanks for that!
I'm using some of your code here: https://github.com/jawu/rangerer