Slider
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>
</header>
<div class="ui-content content-padding">
Slider length can be modified by the width style.
<input type="range" />
</div>
</div>
If you want to modify the width of the slider,please change the length with width style.