Export (0) Print
Expand All
This topic has not yet been rated - Rate this topic

SimpleProgressBar

This page applies to WPF projects only

The progress bar is a simple control that an application can use to visually indicate the progress of a lengthy operation. By default, the progress bar window is filled from left to right, as the operation progresses. The control has a range and a current position. The SimpleProgressBar in Microsoft Expression Blend only supports a horizontally orientated progress bar.

The artboard view of a SimpleProgressBar control after setting the Value property to 10

Cc295014.bd9d739a-60b1-4567-a583-499ae276e536(en-us,Expression.10).png

The SimpleProgressBar control template consists of the following items:

  • A Grid layout panel, which is used to hold the multiple child elements within the progress bar. The Grid is also used because it makes it easier for an application user interface (UI) designer to add more elements to the template.

  • A Border element named PART_Track, which is used to represent the bar area to be filled.

  • A Border element named PART_Indicator, which is used to represent the bar area that has already been filled.

    Cc295014.alert_caution(en-us,Expression.10).gifCaution:

    Do not rename any element whose name begins with "PART_" because these elements are referred to from the code that implements the control.

    Objects view: The basic parts (template) of a SimpleProgressBar control

    Cc295014.b5286d59-8d29-41e0-9cbc-cdb1c5addfb1(en-us,Expression.10).png

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

The SimpleProgressBar control template does not use triggers. All control behavior is implemented in code.

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

The following brush resources in the SimpleStyles.xaml resource dictionary are used by the SimpleProgressBar template:

  • The Background property of the PART_Track element is set by using the PressedBrush.

  • The BorderBrush property of the PART_Track element is set by using the SolidBorderBrush.

  • The Background property of the PART_Indicator element is set by using the MouseOverBrush.

  • The BorderBrush property of the PART_Indicator element is set by using the NormalBorderBrush.

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

  • In general, use a Grid control as the root of your template if you expect a designer to add further visual elements to your control. Expression Blend looks for a layout panel like the Grid control and makes it active by default so that new elements that are added to the artboard end up as child elements of the layout panel.

  • If you want, you can add triggers to the SimpleProgressBar template, or modify the PART_Indicator element to make the bar look more interesting, but do not rename any element whose name begins with "PART_" because these elements are referred to from the code that implements the control.

  • For information about how to hook up a progress bar to the progress of an operation, see the documentation about the ProgressBar Overview on MSDN.

Cc295014.7e183f1f-37d8-4dcb-980c-19a5d61ca087(en-us,Expression.10).gif Back to top

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

ADD
Show:
© 2014 Microsoft. All rights reserved.