Search results

Stop Progress Indicator in Blazor ProgressButton component

28 Jul 2021 / 1 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.

Copied to clipboard
@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