RadUpload for ASP.NET

Creating a ProgressTemplate Send comments on this topic.
Progress Monitoring > Creating a ProgressTemplate

Glossary Item Box

RadProgressArea provides a property called ProgressTemplate, used to instantiate its child controls. This is the default ProgressTemplate, integrated in the control:

<div class="RadUploadProgressArea">
<table class="RadUploadProgressTable" style="height:100;width:100%;">
 <tr>
  <td class="RadUploadProgressBarHolder">
    <!-- Uploaded bytes progress bar -->
    <asp:image id="PrimaryProgressBar" runat="server" 
      imageurl="~/RadControls/Upload/Skins/Default/img/progress.gif" /></td>
 </tr>
 <tr>
  <td class="RadUploadTotalProgressData">
    <!-- Uploaded bytes percent from request size -->
    <asp:label id="PrimaryPercent" runat="server"></asp:label>% 
    <!-- Uploaded bytes -->
    <asp:label id="PrimaryValue" runat="server"></asp:label> 
    <!-- Request size -->
    <asp:label id="PrimaryTotal" runat="server"></asp:label></td>
 </tr>
 <tr>
  <td class="RadUploadProgressBarHolder">
    <!-- Uploaded files progress bar -->
    <asp:image id="SecondaryProgressBar" runat="server"
      imageurl="~/RadControls/Upload/Skins/Default/img/progress.gif" /></td>
 </tr>
 <tr>
  <td class="RadUploadFileCountProgressData">
    <!-- Uploaded files percent from total selected files on the page -->
    <asp:label id="SecondaryPercent"></asp:label>% 
    <!-- Uploaded files -->
    <asp:label id="SecondaryValue"></asp:label> 
    <!-- Total selected files on the page -->
    <asp:label id="SecondaryTotal"></asp:label></td>
 </tr>
 <tr>
  <td class="RadUploadCurrentFileName">
    <!-- The currently uploaded file name -->
    <asp:label id="CurrentOperation" runat="server"></asp:label></td>
 </tr>
 <tr>
  <td class="RadUploadTotalProgressData">
    <!-- Time elapsed from the beginning of the upload -->
    <asp:label id="TimeElapsed" runat="server"></asp:label> 
    <!-- Time estimated to the end of the upload -->
    <asp:label id="TimeEstimated" runat="server"></asp:label> 
    <!-- Upload speed -->
    <asp:label id="Speed" runat="server"></asp:label></td>
 </tr>
</table>
</div>

When you modify the ProgressTemplate you need to use the exact IDs for the controls inside in order to enable the ProgressArea to recognize them properly. RadProgressArea class contains public static members with the names of each control.