OBOUT - ASP.NET File Upload Progress

ASP.NET File Upload Progress - Custom style file

Here you can see the default styles used by File Upload Progress control.

.FileUploadProgress_MainDiv      { border-width:1px; border-style:solid; border-color:#000000;
            background-color:#F0F0F8;padding:3px; padding-top:5px; width:500px;
                                               }
.FileUploadProgress_Primary      { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Secondary { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Status        { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Current      { font-family:verdana; font-size:12px; color:#00CC66; margin:2px;}
.FileUploadProgress_Bar            { width:100%; margin:0px; margin-left:2px; margin-right:2px;
                background-color:#F0F0F8;background-repeat: repeat-x;
                                               }
.FileUploadProgress_ProgressBar              { height:21px; background-repeat: repeat-x;}
.FileUploadProgress_UploadedListFileName { font-family:verdana; font-size:12px; font-weight:bold; color:#009999;}
.FileUploadProgress_UploadedListFileText   { font-family:verdana; font-size:12px; color:#0000FF;}
.FileUploadProgress_UploadedListTable      { margin:2px;}
.FileUploadProgress_UploadedListRow        {}

You can create your own CSS file using the following information about necessary style classes:

Here is content of myStyle.css file used in Another style working example.

.FileUploadProgress_MainDiv      { border-width:1px; border-style:solid; border-color:#000000;
                                                  background-color:#F0F0F0;padding:3px; padding-top:5px; width:500px;
                                               }
.FileUploadProgress_Primary     { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Secondary { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Status       { font-family:verdana; font-size:12px; font-weight:bold; margin:2px;}
.FileUploadProgress_Current     { font-family:verdana; font-size:12px; color:#0000ff; margin:2px;}
.FileUploadProgress_Bar           { width:100%; background-image: url("remainder1.gif");margin:0px; margin-left:2px;
                                                 margin-right:2px; background-color:#F0F0F0;background-repeat: repeat-x;
                                              }
.FileUploadProgress_ProgressBar               { background-image: url("progress1.gif"); height:21px;
                                                                 background-repeat: repeat-x;
                                                              }
.FileUploadProgress_UploadedListFileName { font-family:verdana; font-size:12px; font-weight:bold; color:#009999;}
.FileUploadProgress_UploadedListFileText   { font-family:verdana; font-size:12px; color:#FF0000;}
.FileUploadProgress_UploadedListTable      { margin:2px;}
.FileUploadProgress_UploadedListRow        {}

"I love your asp.net components and they help me a great deal. Thank you so much to obout and it's developers! you guys make our life a lot easier and fun to do coding. "

Shwe Phyo Khun