Customize the Upload Progress Indicators

[Varun]

Hi,

Can we customize the Progress Indicators which is shown when uploading the Files to the server? (Red, Green, Yellow one)

I want it to customize as shown in the attached image.

 

Thanks,

Varun

[Ivan Zhekov]

Hi, Varun.

White it's possible to customize the progress indicators, you have to keep the basic layout the same (or deviate from it a bit). That  said, the particular appearance shown in the attached file can not be achieved.

We could guide you how to customize RadSyncUpload but only for the elements that are available in the control. In this particular case, we can help you customize the progress bar for each control.

Regards,
Ivan Zhekov
Telerik

 

 

[Varun]

Hi Ivan,

Can you kindly tell me how we can customize the RadSyncUpload?

Thanks,

Varun

[Ivan Zhekov]

Provided that you want yo customize the progress indicator, the following styles should suffice (assuming you are customizing the default skin)

.RadUpload_Default .ruUploadProgress .ruFileProgressWrap {
    height: 20px;
    border: 1px solid #e3e3e3 ;
    background: #ffffff;
}
.RadUpload_Default .ruUploadProgress .ruFileProgress,
.RadUpload_Default .ruUploadProgress .ruProgressComplete {
    height: 20px;
    background: #40cc00;
}

Regards,
Ivan Zhekov
Telerik