| Wijmo Control Toolkit Extender Controls > C1Progress Bar Extender > C1ProgressBarExtender Tutorial > Step 1 of 3: Adding a C1ProgressBarExtender to the Project |
In this topic you will associate the C1ProgressBarExtender with a Panel control to create a progress bar.
1. In your Web application, add a standard Panel control to the main content of your page.
2. In Source view, drag a C1ProgressBarExtender control to the page.
3. Select the C1ProgressBarExtender markup, and in the Visual Studio Properties window, set the TargetControlID property to Panel1. The markup will look like this:
<asp:Panel ID="Panel1" runat="server" >
</asp:Panel>
<wijmo:C1ProgressBarExtender ID="Panel1_C1ProgressBarExtender" runat="server"
TargetControlID="Panel1">
</wijmo:C1ProgressBarExtender>
Now you can begin setting properties for the C1ProgressBarExtender.