New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    Built-in Progress Indicators

    • Select
      Drop files here

    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>
    <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>

    Support & Learning Resources

    Find Assistance