Javascript progressbar.js->;更改我的进度条轨迹的颜色
我有一个这样的进度条,我想改变颜色的线索,这是默认的白色Javascript progressbar.js->;更改我的进度条轨迹的颜色,javascript,progress-bar,Javascript,Progress Bar,我有一个这样的进度条,我想改变颜色的线索,这是默认的白色 ///progressbar。js@1.0.0所使用的版本 变量条=新的进度条圆(容器{ 颜色:“#aaa”, //此尺寸必须与要安装的最大宽度相同 //防夹 冲程宽度:4, 步幅:1, 放松:“放松”, 持续时间:1400, 正文:{ 自动样式容器:false }, 发件人:{ 颜色:“#aaa”, 宽度:1 }, 致:{ 颜色:“#333”, 宽度:4 }, //为所有动画调用设置默认步长函数 步骤:功能(状态、循环){ circl
///progressbar。js@1.0.0所使用的版本
变量条=新的进度条圆(容器{
颜色:“#aaa”,
//此尺寸必须与要安装的最大宽度相同
//防夹
冲程宽度:4,
步幅:1,
放松:“放松”,
持续时间:1400,
正文:{
自动样式容器:false
},
发件人:{
颜色:“#aaa”,
宽度:1
},
致:{
颜色:“#333”,
宽度:4
},
//为所有动画调用设置默认步长函数
步骤:功能(状态、循环){
circle.path.setAttribute('stroke',state.color);
circle.path.setAttribute('stroke-width',state.width);
var值=数学圆(circle.value()*100);
如果(值==0){
圆圈.setText(“”);
}否则{
circle.setText(值);
}
}
});
bar.text.style.fontFamily=''Ralway',Helvetica,无衬线';
bar.text.style.fontSize='2rem';
条。设置动画(1.0);//从0.0到1.0的数字
#容器{
利润率:20像素;
宽度:200像素;
高度:200像素;
位置:相对位置;
}
您只需添加
trailColor
属性并设置其值即可示例:
trailColor:'silver',