how to achieve custom progressbar in angular

Issue

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.

Solution

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 By - Merna Mustafa