extjs ProgressBar颜色怎么设置

Question

extjs    ProgressBar控件如何设置进度条的颜色

Answer 1

重写css即可，定义自己的颜色
.x-progress-default .x-progress-bar {
border-right-color: #6594cf;
border-top-color: #c6d8ed;
background-image: none;
background-color: #73a3e0;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#b2ccee),color-stop(50%,#88b1e5),color-stop(51%,#73a3e0),color-stop(100%,#5e96db));
background-image: -webkit-linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
background-image: -moz-linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
background-image: -o-linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
background-image: -ms-linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
background-image: linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
}