CODEWITHSUNDEEP
htmlangularangular-materialprogress-barangular-material-7
Fazla Elahi Md Jubayer
Fazla Elahi Md Jubayer

Reputation: 319

how to achieve custom progressbar in angular

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.

Upvotes: 1

Views: 2487

Answers (1)

Merna Mustafa
Merna Mustafa

Reputation: 1373

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

Upvotes: 1

Related Questions