Remove circular button on ion-range

I want to create a progressive bar and i am thinking of using the ion-range to do the trick but the problem is i dont want that circular control button over it…
any ideas ho to remove the circular button from ion-range?

Something like

div.range-knob-handle {
   display: none;

Tried it. did not work. tried .range-knob as well. tried --knob-background as transparent too. didn’t work. along with the !important tag.