Angular: how to style completed steps in PrimeNG p-steps component?

I am trying to use the p-steps component in PrimeNG. I want to have different styling for the completed and not-completed steps. That is, if the user is currently at step 3, then step 1 & 2 are completed and I would like to set a background color green. I noticed that PrimeNG 14 no longer supports p-steps-complete.

My implementation of the component is pretty basic:


<p-steps
#stepModule
[model]="items"
[readonly]="false"
[activeIndex]="stepEvent.stepIndex">
</p-steps>

Thank you

Continue reading...