ASPxUploadControl.ProgressBarStyle Property

Gets the style settings that define the appearance of the progress bar element.

Assembly : DevExpress.Web.v25.2.dll

Declaration

C#
VB.NET

csharp

public ProgressStyle ProgressBarStyle { get; }

Public ReadOnly Property ProgressBarStyle As ProgressStyle

Property Value

Type	Description
ProgressStyle

A ProgressStyle object containing style settings.

Remarks

The ProgressBarStyle property is in effect if the progress panel is visible (this is defined by the ASPxUploadControl.ShowProgressPanel property).

Example

This sample demonstrates how to use the ASPxUploadControl , and how to pass a file name that was saved on the server to the client, by using the server-side and client-side FileUploadComplete events.

JS
ASPX

javascript

function OnUploadStart() {
         btnUpload.SetText("Uploading...");
         btnUpload.SetEnabled(false);
     }
     function OnUploadComplete(args) {
         btnUpload.SetText("Upload");
         btnUpload.SetEnabled(true);
         lblFileName.SetText(args.callbackData);
     }

aspx

<script runat="server">
    protected void Page_Load(object sender, EventArgs e) {

    }
    protected void ASPxUploadControl1_FileUploadComplete(object sender, 
       DevExpress.Web.FileUploadCompleteEventArgs e) {
        string fileName = e.UploadedFile.FileName;
        e.CallbackData = fileName;
    }
 </script>

 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head id="Head1" runat="server">
     <title>How to pass a file name that was saved on the server to the client</title> 
</head>
 <body>
     <form id="form2" runat="server">

         <div>
             <dxuc:ASPxUploadControl ID="ASPxUploadControl1" runat="server" 
                 ClientInstanceName="upload" 
                 OnFileUploadComplete="ASPxUploadControl1_FileUploadComplete" 
                 ShowProgressPanel="True" ShowUploadButton="True" 
                 Size="25">
                 <ProgressBarIndicatorStyle BackColor="#0099CC">
                 </ProgressBarIndicatorStyle>
                 <ProgressBarSettings ShowPosition="False" />
                 <ClientSideEvents FileUploadComplete="function(s, e) { OnUploadComplete(e); }" 
                 FileUploadStart="function(s, e) { OnUploadStart(); }" />
                 <ProgressBarStyle BackColor="#99CCFF">
                 </ProgressBarStyle>
             </dxuc:ASPxUploadControl>
             <dxe:ASPxButton ID="btnUpload" runat="server" AutoPostBack="False" 
                  Text="Upload" ClientInstanceName="btnUpload">
                 <ClientSideEvents Click="function(s, e) { upload.UploadFile(); }">
                 </ClientSideEvents>
             </dxe:ASPxButton>
             
            
             <table cellpadding="0" cellspacing="0">
                 <tr>
                     <td style="padding-right: 5px;">
                         <dxe:ASPxLabel ID="lblUploadedFileName" runat="server" 
                         Text="Uploaded file name: " Font-Bold="True">
                         </dxe:ASPxLabel>                    
                     </td>                    
                     <td>
                         <dxe:ASPxLabel ID="lblFileName" runat="server" 
                          ClientInstanceName="lblFileName">
                         </dxe:ASPxLabel>                    
                     </td>                    
                 </tr>
             </table>            
         </div>
     </form>
 </body>
 </html>