Fork me on GitHub

We can create a range slider by utilizing the jQuery Mobile Slider widget. Also checkout the Range Slider element to use this widget on a form.

Slider Widget

var content = {};
content['my_slider'] = {
  theme: 'range',
  attributes: {
    min: '-100',
    max: '100',
    value: '0',
    'data-theme': 'b'
  }
};
return content;