how to achieve custom progressbar in angular

Question

I am trying to achieve following determinate progress bar with percentage inside and the fraction at the top of the progress percentage in angular.

progress bar i want

I saw material progress bar but not sure how can I achieve like the image.

Answer 1

Not sure if it's the best solution, but you can use <span> and [ngStyle] to display both the fraction and the progress percentage and control their positions with the CSS styling. Something like this