Stop Progress Indicator in Blazor ProgressButton Component

4 Aug 20211 minute to read

You can stop the progress indicator using ProgressComplete 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.ProgressComplete();
    }
}

Output be like

Progress Button Sample