Upgrades to the new slider and makes requried changes.

@jerryorr Can you look over to make sure you don't see anything too alarming. I didn't dive into your code too much, just made changes so the tests passed and the example worked. Basically the slider is always returns its value, not a percentage, so that's why you now see the * 100 and / 100 because it's based on a range.length === 100.