jQuery:如何使Progress Bar从一种颜色变为另一种颜色

时间:2018-06-07 12:39:53

标签: javascript jquery charts jquery-animate progress-bar

我喜欢将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},

我需要这样的东西

I need something like this

1 个答案:

答案 0 :(得分:0)

这很有效,并且在他们的GitHub页面中也提到了https://rendro.github.io/easy-pie-chart/ - "您还可以传递一个接受当前百分比作为值的函数来返回动态生成的颜色&#34 ;



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