How to change progressbar background color using javascript

I was looking for how to change the progress bar background color using JavaScript. possibly adding a CSS class to the progress bar from JavaScript.
I have tried but failed. any help will be appreciated.

source code:
javascript:

Code:

---

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:

Code:

---

.green-bar{
        background:#008000;
}

---

Hi @rezoan,

Please try this CSS rule:

Code:

---

.green-bar .x-progress-inner {
    background-image: none;
    background-color: green;
}

---

Daniil thanks for the reply, unfortunately it does not work. don't know why. by the way i have solved this,

CSS:

Code:

---

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

---

javascript:

Code:

---

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

---

Quote:

---

Originally Posted by Daniil

Hi @rezoan,

Please try this CSS rule:

Code:

---

.green-bar .x-progress-inner {
    background-image: none;
    background-color: green;
}

---

---