AsyncUpload - Built-in Progress Indicators

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

By default RadAsyncUpload features built-in progress indicators below each file being uploaded. In order to disable them you need to set the EnableInlineProgress property to False.

To achieve custom and advanced progress monitoring, you can use the control in combination with RadProgressArea. The Progress Area is easy to customize and supports templates and localization.

  • DefaultCS.aspx
  • styles.css
<%@ Page Language="C#"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container size-narrow">
        <telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="AsyncUpload1" MultipleFileSelection="Automatic"  />
    </div>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?