Le <span> vide dans le potentiomètre est prévu pour faire la couleur sombre à gauche de la poignée.Pour pouvoir régler leur taille (width,height) le potentiomètre et le <span> doivent avoir "display: inline-block"
Pensez à position absolute et relative ... pour pouvoir positionner la poignée et le span.
Faites des essais en réglant la poignée et le <span> directement dans le CSS (on le fera plus tard dans le JS).