如何使用javascript更改进度条背景颜色

Question

我一直在寻找如何使用JavaScript更改ext.net进度条背景颜色。可能会从JavaScript中向进度条添加CSS类。

我尝试过添加css类但失败了。实际上我找不到能帮我添加CSS类的函数。

任何帮助将不胜感激。

修改

的javascript：

 function ShowProgressBar(progressBar, progressValue, message) {
            progressBar.show();
            progressBar.updateProgress(progressValue, message);
//need to add the css class here something like progressBar.addClass('green-bar')
        }

CSS：

    .green-bar{
        background:#008000;
}

Answer 1

您可以添加调用update function，

的侦听器

listeners: { 
    update: function (obj, val) {
        obj.getElelement().child("PROGRESSBAR_NAME", true).style.backgroundColor = "#FF00CC";
    }
}

检查此 Demo Example

阅读 Progressbar 文档帮助您

Answer 2

伙计们我已经解决了这个问题。只需要更改CSS类名。

<强> CSS：

   .green-bar .x-progress-bar{
        background:#008000;
}

<强> JavaScript的：

progressBar.addClass('green-bar'); //obviously i have removed the added css class after use.