Stop Progress Indicator in Blazor ProgressButton Component

21 Dec 20211 minute to read

You can stop the progress indicator using EndProgressAsync method. In the following sample, the progress is stopped by clicking the STOP button.

@using Syncfusion.Blazor.SplitButtons
@using Syncfusion.Blazor.Buttons

<SfProgressButton Content="Spin Left" IsPrimary="true" @ref="ProgressBtnObj"></SfProgressButton>
<SfButton Content="Stop" OnClick="clicked"></SfButton>

@code {
    SfProgressButton ProgressBtnObj;
    private async Task clicked()
    {
      await ProgressBtnObj.EndProgressAsync();
    }
}

Stop Progress Indicator in ProgressButton