Remove empty bar in RadProgress

[RichJ]

Hi all,

Does anyone have any suggestions on how can I remove the empty bar at the top of the RadProgress box?
See attached image.

Thanks in advance
Rich

[Kate]

Hello Rich,

You can use the following css class selector to remove the sprite image that is applied to the RadProgressArea control:

div.RadUploadProgressArea_Office2010Silver .ruProgress
        {
          background-image: none;
        }

The example applies to the control when you are using the Office2010Silver skin and depending on the skin that you are setting you will need to change the name of the selector.

Kind regards,
Kate
the Telerik team

[RichJ]

Thanks for the reply Kate,

Your css did indeed remove the background sprite, however I'm left with a large empty space at the top (see image).  How do I reduce this as per image 2?

Cheers
Rich

[Kate]

Hi Rich,

You can use the following css class to reduce the blank space in the progress area:

div.RadUploadProgressArea li.ruProgressHeader {
      margin: 15px 18px -7px;
}

All the best,
Kate
the Telerik team

[RichJ]

Hi Kate,

Thanks for the reply.  Using the two style changes you've supplied has solved the problem.

Cheers
Rich