Where to find or how to make a volume indicator in the application?

Question

css

It is necessary to display the volume level in the application on Angular. I want to do something similar to the arrows of a speedometer, for example, like here.
I'm sure that there are ready-made ones, but it's best to implement this yourself, can anyone see the material or resources?

Answer 1

Your case is generally very simple. Draw everything in SVG, then change the stroke-dashoffset for the scale:
https://css-tricks.com/svg-line-animation-works/

Answer 2

google
roundsliderui