How can I change rangeslider layout using JS?

plotly.js
1

How can I change Range Slider layout? Now my RangeSlider looks like this one:
image
and should look like this one:
image

How can I do this? This is already disponible to JS?

This is what I have now to provide the rangeslider:

    xaxis: {
      title: 'Sessie',
      automargin: true,
      showticklabels: true,
      linecolor: 'rgb(96,85,95)',
      linewidth: 1,   

      rangeslider:{
      },  

    },
    
    yaxis: {
      fixedrange: true,
      title: 'Score',
      automargin: true,
      showticklabels: true,
      linecolor: 'rgb(96,85,95)',
      linewidth: 1,
    },
  });