Step 2 of 3: Customizing the Progress Bar
In This Topic
In this topic you will set some of the properties for the C1ProgressBarExtender.
-
In the Visual Studio Properties window, click the drop-down list at the top of the Properties window and select Panel1_C1ProgressBarExtender.
-
Set the C1ProgressBarExtender.FillDirection property to North. This will create a vertical progress bar that fills from South (bottom) to North (top). By default, the C1ProgressBarExtender.FillDirection property is set to East; therefore, the progress bar fills from West (right) to East (left) and is horizontal.
-
Set the C1ProgressBarExtender.Value property to 75.
-
Set the C1ProgressBarExtender.Tooltip property to {1} percent. The markup for the C1ProgressBarExtender will now look like this:
<cc1:C1ProgressBarExtender ID="Panel1_C1ProgressBarExtender" runat="server"
TargetControlID="Panel1" ToolTip="{1} percent" Value="75">
</cc1:C1ProgressBarExtender>
-
Now run the project to see the formatted progress bar.