首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery:如何将进度条从一种颜色动画化为另一种颜色

jQuery:如何将进度条从一种颜色动画化为另一种颜色
EN

Stack Overflow用户
提问于 2018-06-07 20:39:53
回答 1查看 130关注 0票数 1

我喜欢将barColor更改为在开始和结束时具有不同的颜色。

代码语言:javascript
复制
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) {

我试过这样的方法,但不起作用。

代码语言:javascript
复制
from: {barColor: '#FFEA82', a:0},
to: {barColor: '#ED6A5A', a:1},

我需要这样的东西

EN

回答 1

Stack Overflow用户

发布于 2018-06-08 04:16:44

这是可行的,而且在他们的GitHub页面https://rendro.github.io/easy-pie-chart/中也提到了这一点--“您还可以传递一个函数,该函数接受当前百分比作为值,以返回动态生成的颜色。”

代码语言:javascript
复制
barColor: function(percent){
		  if(percent<=60)
			return "#ffe500";
		  else
			return "#ff7f50";
		 },
trackColor: '#e1e1e3',

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50741475

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档