Javascript HTML5范围类型控制器样式

我正在用新的

<input type="range">

到目前为止，我已经

这很好。 我想知道如何给经过的滑块区域上色

使滑块具有默认颜色：

但当它在中间时，经过的那一半是另一种颜色，如下所示：

当滑块处于最大值时，它应该只是一种颜色：

有人知道我如何解决这个问题吗

---

谢谢

检查此代码笔谢谢Qwal！这对我来说是可行的：）