Search results

Stop Progress Indicator in Blazor Progress Button component

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