ASPxUploadControl.ProgressBarStyle Property
Gets the style settings that define the appearance of the progress bar element.
Namespace: DevExpress.Web
Assembly:
DevExpress.Web.v24.2.dll
Declaration
public ProgressStyle ProgressBarStyle { get; }
Public ReadOnly Property ProgressBarStyle As ProgressStyle
Property Value
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.
function OnUploadStart() {
btnUpload.SetText("Uploading...");
btnUpload.SetEnabled(false);
}
function OnUploadComplete(args) {
btnUpload.SetText("Upload");
btnUpload.SetEnabled(true);
lblFileName.SetText(args.callbackData);
}
<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>
<br/>
<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>
See Also