Events in Xamarin ProgressBar (Progress Bar)

20 Jan 20252 minutes to read

ValueChanged

This event is triggered when the progress value is changed. This event contains the following event argument.

• Progress: Represents the progress value.

The following code sample demonstrates how to customize the color of a progress indicator based on progress using this event.

XAML

<progressBar:SfLinearProgressBar Progress="100" x:Name="LinearProgressBar" ValueChanged="ProgressBarBase_OnValueChanged">

</progressBar:SfLinearProgressBar>

C#

private void ProgressBarBase_OnValueChanged(object sender, ProgressValueEventArgs e)
{   
    if (e.Progress < 50)
    {
        this.LinearProgressBar.ProgressColor = Color.Red;
    }
    else if (e.Progress >= 50)
    {
        this.LinearProgressBar.ProgressColor = Color.Green; 
    }
}

ProgressCompleted

This event is triggered when the progress attains the Maximum value. This event contains the following argument.

• Progress: Represents the progress value.

The following code sample demonstrates how to customize the progress bar when progress reaches maximum using this event.

XAML

<progressBar:SfCircularProgressBar x:Name="CircularProgressBar" Minimum="100" Maximum="500" Progress="500" ProgressCompleted="ProgressBarBase_OnProgressCompleted" >

    <progressBar:SfCircularProgressBar.Content>

        <Label Text="Start" FontSize="15" x:Name="Label"></Label>

    </progressBar:SfCircularProgressBar.Content>

</progressBar:SfCircularProgressBar>

C#

private void ProgressBarBase_OnProgressCompleted(object sender, ProgressValueEventArgs e)
{
    if (e.Progress.Equals(this.CircularProgressBar.Maximum))
    {
        // Changed the label text when progress reaches maximum value.
        this.Label.Text = "Completed";  
    }
}