jQuery: как сделать Progress Bar анимированным из одного цвета в другой

Question

Мне нравится менять barColor на разные цвета в начале и в конце.

var EasyPieChart = function(el, opts) {
    var defaultOptions = {
        barColor: '#FFEA82',
        trackColor: '#e1e1e3',
        scaleColor: '#e1e1e3',
        scaleLength: 0,
        lineCap: 'round',
        lineWidth: 15,
        size: 152,
        rotate: 0,
        animate: 1000,
        easing: function (x, t, b, c, d) {

Я пробовал что-то подобное, но не получилось.

from: {barColor: '#FFEA82', a:0},
to: {barColor: '#ED6A5A', a:1},

Мне нужно что-то вродеэто

Answer 1

Это работает, и это также упоминается на их странице GitHub https://rendro.github.io/easy-pie-chart/ - «Вы также можете передать функцию, которая принимает текущий процент в качестве значения, чтобы вернуть динамически сгенерированный цвет» *

barColor: function(percent){
		  if(percent<=60)
			return "#ffe500";
		  else
			return "#ff7f50";
		 },
trackColor: '#e1e1e3',