amitmerchant1990 / amitmerchant-dot-com-comments

1 stars 0 forks source link

dynamic-progress-bars-using-css/ #113

Open utterances-bot opened 3 months ago

utterances-bot commented 3 months ago

Building Dynamic Progress Bars using only CSS — Amit Merchant — A blog on PHP, JavaScript, and more

Here’s a full disclaimer upfront: This isn’t something I’ve come up with. Jeffery Way from Laracasts has come up with this technique in one of the videos and I’m just sharing it here for my reference.

https://www.amitmerchant.com/dynamic-progress-bars-using-css/

tech-nik89 commented 3 months ago

Great work, I love it!

I took it even one step further and removed the inner div for the number value. Now you need to update the percentage in only in the CSS variable and nowhere else. Also, I added an optional parameter for the size which automatically scales the font size accordingly.

https://codepen.io/tech-nik89/pen/YzMpWPJ