How to add Shadow effect to progress Circle
Question
Application Type
Mobile

Hi,

I am trying to add a shadow effect to my progress circle using the CSS styling

"box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.6);"

and i get the shadow for the box and not on the circle as shown below

Is there a way to add shadow to the white circle?

Thanks

mvp_badge
MVP
Solution

Hi Learn It,


You can use the CSS filter property, something like the CSS below will produce this effect:



Kind Regards,
João

That did the trick. Thanks João 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.