You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The numeric label inside the circular progress bar does not update immediately.
Instead, it remains unchanged until the animation completes the full step increment.
On subsequent clicks, the label briefly resets to 0% before updating again after the animation step finishes.
Description
When using Safari, the circular progress bar does not update its displayed label correctly when the value is changed programmatically.
Framework
Angular
Angular Version
latest
Ignite UI for Angular Version
latest
Component / Area
Progress Bar
Browser
Safari
Operating System
macOS
Command Not Working
Steps to Reproduce
Open the sample: https://www.infragistics.com/angular-demos/data-display/circular-dynamic-sample
in Safari.
Click the “+” button to increment the value.
Screen.Recording.2026-04-21.at.16.59.19.mov
Actual Result
The numeric label inside the circular progress bar does not update immediately.
Instead, it remains unchanged until the animation completes the full step increment.
On subsequent clicks, the label briefly resets to 0% before updating again after the animation step finishes.
Expected Result
It should work as it is working on other browsers
Reproduction URL
https://www.infragistics.com/angular-demos/data-display/circular-dynamic-sample
Attachments
No response