Version

Configuring Determinate Progress Bar (xamBusyIndicator)

Topic Overview

Purpose

This topic explains how to configure the xamBusyIndicator™ control to display determinate progress.

Required background

The following topics are prerequisites to understanding this topic:

Topic Purpose

This topic explains the features supported by the control from developer perspective.

This topic provides an overview of the visual elements of the control.

This topic provides detailed instructions to help you get up and running as soon as possible with the xamBusyIndicator control.

In this topic

This topic contains the following sections:

Configuring Determinate Progress Bar

Overview

The xamBusyIndicator control provides Progress Bar animation that has two modes – determinate and indeterminate.

Use the Animation property to set the animation to pre-built type ProgressBar.

Use the IsIndeterminate property and set it to False in order to switch the animation to determinate mode.

Use the ProgressValue property to set progress value.

Note
Note

The ProgressValue property takes values in the range from 0 to 1.

Property settings

The following table maps the desired behavior to the property settings that manage it.

In order to: Use this property: And set it to:

Set a progress bar animation

ProgressBar

Set determinate animation mode

False

Set progress value

double?

Example

The following screenshot is a preview of the example below.

Configuring Determine Progress Indicator 1.png

Following is the code that implements this example.

In XAML:

<ig:XamBusyIndicator Name="ProgressBar"
                     IsBusy="True"
                     IsIndeterminate=" Animation="ProgressBar"
                     ProgressValue="0.5"
                     BusyContent="{Binding RelativeSource={RelativeSource Self}, Path=ProgressValue}">
</ig:XamBusyIndicator>

Related Topics

The following topics provide additional information related to this topic.

Topic Purpose

This topic summarizes the available pre-built animations in the xamBusyIndicator control and their configurable aspects.

This topic explains how to display the xamBusyIndicator control.

This topic explains how to configure the xamBusyIndicator busy content.

This topic explains how to configure the delay before displaying the xamBusyIndicator control.

This topic explains how to configure explicitly which UIElement receives the focus when the xamBusyIndicator is no longer active.

This topic explains how to customize the xamBusyIndicator overlay style.

This topic explains how to customize the xamBusyIndicator control default animations brushes.