How to add Shadow effect to progress Circle

Solved

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

on 5th Mar

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

on 5th Mar

1 reply

on 5th Mar

Show thread

Hide thread

That did the trick. Thanks João

on 5th Mar

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