如何更改范围滑块的轨道颜色？

Question

我必须更改范围滑块的轨道颜色，我尝试使用css但是在chrome中它不起作用，最后我找到了使用jquery（link）的解决方案，所以我实现了，但我不是获得预期的产出。

Jquery的：

$('.text-size-slider .slider').change(function () {
      var val = ($(this).val() - $(this).attr('min')) / ($(this).attr('max') - $(this).attr('min'));

      $(this).css('background-image',
                  '-webkit-gradient(linear, left top, right top, '
                  + 'color-stop(' + val + ', #94A14E), '
                  + 'color-stop(' + val + ', #C5C5C5)'
                  + ')'
                  );
  });

这是我的傻瓜： https://plnkr.co/edit/yMg8bKSrbam6RmtgdBl4?p=preview

是否可以使用纯javascript或angularjs而不使用jquery，对于jquery，它也不能像plunker中所示那样工作。

预期产出：

任何帮助将不胜感激。 请任何人帮助我。我尝试了很多但无法得到它。