Search results

Animation in Blazor ProgressBar component

14 Apr 2021 / 1 minute to read

Progress Bar supports to animate the progress by setting the Enable property to true in ProgressBarAnimation and also can control the speed and delay by using Duration and Delay properties.

Copied to clipboard
<SfProgressBar Type="ProgressType.Linear" Value="90" Height="60" Width="90%" TrackColor="#FFFFFF"
               ShowProgressValue="true" ProgressColor="#2BB20E" TrackThickness="24" CornerRadius="CornerType.Round"
               ProgressThickness="24" Minimum="0" Maximum="100">
    <ProgressBarAnimation Enable="true" Duration="2000" Delay="0"></ProgressBarAnimation>
</SfProgressBar>

progress bar