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
NuGet Package :
DevExpress.Web
# Declaration
# 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