[Solved] RadProgressBar can't apply background image in Chrome

[Martin]

I download demo from http://demos.telerik.com/aspnet-ajax/upload/examples/customprogress/defaultcs.aspx

And then I tried to apply a background image to progress bar in Chrome. The version I currently use is 2009.1208.

Is it a bug?
Here are my steps:
1. Pull down demo page and compile it as local site
2. launch page from Chrome
3. Open Developer Tool and try to update the CSS for .RadUploadProgressArea_Default.ruProgress.ruBar div
4. Change the background image as below:

1. background-image: url(http://localhosts/images/back.jpg);

5. Nothing happens. The back.jpg can be applied successfully in FF or IE.

Do I do something wrong?

[Kamen Bundev]

Hi Martin,

You're correct, but in our experience Webkit based browsers refuse to load any image (due to a bug or security precaution) after submitting the form. In Chrome/Safari the ProgressArea is even rendered with visibility: hidden instead of display: none in order to load its images correctly before submitting the form and showing it to the user.

Kind regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Martin]

Kamen, Thanks. It answers my question.