How to make round shape of a input of type range

Question

We all know input tags of range tyoe but their slider button is box like and i need a circle their but border-radius:50%; doesn't works
Plzzz help me with a example

https://code.sololearn.com/WciLcLqR2r5n/?ref=app

Answer 1

https://code.sololearn.com/WPM94tAL5kzK/?ref=app