Skip to content
On this page

ProgressIndicator

Progress indicators show the status of a process in real time.

  • Use the same progress indicator for all instances of a process (like loading).
  • Two styles: CircularProgressIndicatorStyle and LinearProgressIndicatorStyle.
  • Never use them as decoration.
  • They capture attention through motion.

Examples

xml
<md:ProgressIndicator Style="{DynamicResource CircularProgressIndicatorStyle}" />
<md:ProgressIndicator Style="{DynamicResource LinearProgressIndicatorStyle}" />

Properties

nametypedefault
Percentfloat-1
AnimationDurationfloat1.5
ActiveIndicatorHeightint4
ActiveIndicatorColorColorPrimaryColor
BackgroundColorColorstyle
CommandICommand
CommandParameterobject

Events

nametype
PercentChangedEventHandler<ValueChangedEventArgs>