DEV Community

Discussion on: Circular Progress Bar using HTML and CSS

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Alternatively, you could use a conic gradient: it would simplify the HTML and the CSS. At it can be animated with @property (although only on Chromium for now):

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
zodiapps profile image
Adam Alfredsson

That isn't true, it has still quite limited browser support.

developer.mozilla.org/en-US/docs/W...

Thread Thread
 
elijahtrillionz profile image
Elijah Trillionz

Double checked, you're correct

Collapse
 
wormius51 profile image
Eyal Hazor

This is great. I really appreciate the answer you gave here. I was looking at how to do this and I think I found a few ways. This one is the least hacky though. I appreciate the post here too. But I think your answer is better.