The slider component shows on the screen a control that you can use to change values by dragging a handle on a horizontal scale.

To add a slider component to the application, use the following code:

<div class="ui-page">
   <header class="ui-header">
      <h2 class="ui-title">Slider</h2>
   <div class="ui-content content-padding">
      Slider length can be modified by the width style.
      <input type="range"/>

If you want to modify the width of the slider,please change the length with width style.