[CLOSED] Loading progress color issue

[speedstepmem3]

We are using login progress bar in our application. How can we change the loading bar color yellow to blue.

we used following code (coolite v.08)

                                                <ext:Button ID="btn_calllogin" runat="server" Hidden="true" c>
                                                    <AjaxEvents>
                                                        <Click OnEvent="OpenPortal"  Before="Ext.Msg.wait(verifyhead, authhead);"
                                                            Failure="Ext.Msg.show({
                           title:   'Login Error',
                           msg:     result.errorMessage,
                           buttons: Ext.Msg.OK,
                           icon:    Ext.MessageBox.ERROR
                        });">
                                                        </Click>
                                                    </AjaxEvents>
                                                </ext:Button>

[Vladimir]

Hi,

You can use own image or image from standard theme

.x-progress-bar {
	background-color: #9CBFEE;
	background-image: url("/extjs/resources/images/default/progress/progress-bg-gif/ext.axd");
	border-top-color: #D1E4FD;
	border-bottom-color: #7FA9E4;
	border-right-color: #7FA9E4;
}

[speedstepmem3]

we are changed our own color but till yellow color displayed.

.x-progress-inner
{
    height:18px;
    background:#e0e8f3;
    background-image:url("../images/default/qtip/bg.gif") repeat-x;
    position:relative;
}
.x-progress-bar
{
    height:18px;
    float:left;
    width:0;
    background:#9CBFEE;
    background-image:url("../images/default/progress/progress-bg.gif") repeat-x left center;
    border-top:1px solid #D1E4FD;
    border-bottom:1px solid #7FA9E4;
    border-right:1px solid #7FA9E4;
}

[Daniil]

Hi,

Please replace

ext.axd

with

coolite.axd

in

background-image: url("/extjs/resources/images/default/progress/progress-bg-gif/ext.axd");