Progressbar Color

[pcoenen]

Question, is it possible to change the color of a progressbar. It seems that it depends on the theme now ..

I've three progressbars and they all should have a different color.

Thank you

Pascal 

[Sherzod]

5 hours ago, pcoenen said:

is it possible to change the color of a progressbar

Hi,

Yes, the component is managed based on the style...

But, one possible solution, you can try to use this approach for now I think:

function afterrender(sender, eOpts)
{
    var me=sender;
    me.bar.setStyle(
        'background-image', 
        'linear-gradient(to right, green, lime)'
    );
    
    me.setStyle(
        'border-color', 
        'green'
    );
    
    var pText = me.el.select('.x-progress-text.x-progress-text-back').elements[0];
    if (pText) {
        Ext.get(pText).setStyle(
            'color', 
            'green'
        )
    }
}

[pcoenen]

Thank You!