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.

score 1 · Accepted Answer · answered Mar 08 '22 at 16:34

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

answered Mar 08 '22 at 16:34

Merna Mustafa

1,235
2
10
22

how to achieve custom progressbar in angular

1 Answers1