Progressbar lags behind

[razaqq]

Describe the bug

p-progressbar lags behind and then jumps all at once at the end
<p-progressBar [value]="progress" [showValue]="true" unit="%"></p-progressBar>

replacing it with mat-progress-bar without any code changes fixes it
comparison:

Environment

windows

Reproducer

No response

Angular version

17.3.7

PrimeNG version

17.16.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v20.11.1

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[pkdigital]

Try adding..

.p-progressbar-value-animate { transition: width 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }

[mertsincan]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation and try the latest PrimeNG version(v19). If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,