I need a small help from you all. I had a form which consists of 2 fields username and password to be entered. It also consists of a Log-in button. Once we enter the username and password, if we click on the Log-in button, it should display a progress indicator image which needs to be spinning round till the page gets navigated to the next page if the username and password are correct.
Here I am posting my code:
Expand|Select|Wrap|Line Numbers
- <div id="progress_indicator_image" style="display: none; padding-right: 15; padding-bottom: 2; background-image: url('images/indicator.gif'); background-repeat: no-repeat;"> </div>
- <div id="progress_indicator_text" style="display: none;">Logging in...</div>
Here the problem I am facing is that :
The image is spinning correctly in IE6.
The image gets displayed but not spinning in IE7.
The image doesn't gets displayed even in FireFox.
Could anyone help me out in resolving this problem as it will be very helpful for my application.
Thanks in Advance.