Animation for rating icon

Hi!
I’m not a programmer, but I need to add one thing to a website. It’s an animation. I wonder what I need to use for this.
Here’s the screenshot:

I need these circle rating bars to fill quickly when I move the cursor over them, as I painted on the picture. Is there a ready-to-go solution?

Here’s the page: https://sewingland.org/best-sewing-scissors/
And here’s the website: https://sewingland.org/

did you try using canvas with the Javascript?

I’ve done something like this but it was with button activation on Canvas.  

Filling the outline or canvas with the picture.  as in this…

If you (pc vers.) click on Draw An Image…and then the button, the image fills.

(no side menu on mobile vers., I don’t believe).

This is a tech doc on using Canvas that I did for freecodecamp challenges.

https://codepen.io/blonde-envy/full/yRovOg