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