New Release! Check out the design system assets, new components and robust features for app modernization and sign up for the Kendo UI 2024 Q4 release webinar to see them in action!
skip navigation
Kendo UI for jQuery
Product Bundles
DevCraft
All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
NEW: Design Kits for Figma
Online Training
Document Processing Library
Embedded Reporting for web and desktop
Web
Kendo UI UI for jQuery UI for Angular UI for React UI for Vue UI for Blazor UI for ASP.NET Core UI for ASP.NET MVC UI for ASP.NET AJAX
Mobile
UI for .NET MAUI UI for Xamarin
Document Management
Telerik Document Processing
Desktop
UI for .NET MAUI UI for WinUI UI for WinForms UI for WPF
Reporting
Telerik Reporting Telerik Report Server
Testing & Mocking
Test Studio Test Studio Dev Edition Telerik JustMock
CMS
Sitefinity
UI/UX Tools
ThemeBuilder Design System Kit Templates and Building Blocks
VB.NET to C# Converter Testing FrameworkView all products
Overview
Frameworks
jQuery
Angular
React
Vue
Demos
Roadmap
What's New
Roadmap
Release History
Docs & Support
Support and Learning
Support and Learning Hub
First Steps
Docs & Demos
Virtual Classroom
Forums
Feedback Portal
Blogs
Accessibility and Security
Submit a Ticket
Trust Center
Productivity and Design Tools
ThemeBuilder
Design System Documentation
Visual Studio Code Extensions
Embedded Reporting
Pricing
Shopping cart
Your Account
Account Overview
Your Licenses
Downloads
Support Center
Forum Profile
Payment Methods
Edit Profile
Log out
Login
Contact Us
Try now
close mobile menu menu Search: All Components
ActionSheet
Overview
API
Events
Keyboard navigation
AI Prompt
Overview
Templates
API
Events
Keyboard Navigation
RTL Support
AppBar
Overview
Position
Arc Gauge
Overview
Colors
Export to PDF, Image, SVG
Circular Gauge
MVVM
Area Charts Updated
Overview
Area Chart Types
Stacked Area
100% Stacked Area
Stepped Area
Smooth Area
Functionality
Date Axis
Logarithmic Axis
Multi-axis
Error Bars
Data Binding
Binding to Remote Data
Binding to Local Data
Binding to Grouped Data
MVVM
AutoComplete
Overview
Server Filtering
Virtualization
Floating Label
Prefix and Suffix
Grouping
Customizing Templates
Adaptive Mode
Add New Item
Events
Appearance
API
RTL Support
Keyboard Navigation
MVVM
Avatar
Overview
Appearance
Integration with Grid
Badge
Overview
Labels
Appearance
Templates
Bar Charts Updated
Overview
Bar Chart Types
Column Chart
Stacked Bars
Stacked and Grouped Bars
100% Stacked Bars
100% Stacked and Grouped Bars
Functionality
Date Axis
Logarithmic Axis
Multi-axis
Plot Bands
Gap and Spacing
Error Bars
Custom Visuals
Series PatternsNew
Pan and Zoom
Custom Pan and Zoom
Data Binding
Binding to Remote Data
Binding to Local Data
Binding to Grouped Data
No Data TemplateNew
MVVM
Barcode
Overview
API
MVVM
BottomNavigation
Overview
Items
Appearance
Templates
Events
API
RTL support
Keyboard navigation
Box Plot Charts
Overview
Vertical Box Plot
Binding to Remote Data
Binding to Local Data
MVVM
Breadcrumb
Overview
Navigation
Icons
Editing
Events
API
RTL support
Keyboard navigation
MVVM
Bubble Charts
Overview
Binding to Remote Data
Binding to Local Data
Binding to Grouped Data
MVVM
Bullet Charts
Overview
Binding to Local Data
Binding to Remote Data
MVVM
Button
Overview
Multiple Buttons
Images
Events
Appearance
API
RTL Support
Keyboard Navigation
MVVM
Badges
ButtonGroup
Overview
Badges
Icons
Selection
Events
API
RTL Support
Keyboard Navigation
MVVM
Calendar
Overview
Component Type
Customizing Templates
Disabled Dates
Reverse Selection
Century Cell Formats
Week Column
Show Other Month Days
Multiple Selection
Events
API
RTL support
Keyboard Navigation
MVVM
Captcha
Overview
API
Events
RTL Support
Keyboard Navigation
MVVM
Cards
Overview
Orientation
Action Buttons
Types
Layout
Media
Drag and Drop
RTL support
Chart API
Methods
Events
PDF Export
Advanced Export
Selection
Benchmark
RTL Support
Chart
Overview
Keyboard Navigation
Chat
Travel
Toolbar
CheckBox
Overview
Appearance
CheckBoxGroup
Overview
Layout
Events
API
RTL Support
Keyboard Navigation
MVVM
Chip
Overview
Events
Appearance
API
MVVM
ChipList
Overview
Events
Appearance
API
MVVM
Circular Gauge
Overview
Color Ranges
Export to PDF, Image, SVG
Scale Options
API
MVVM
Circular ProgressBar
Overview
Basic usage
Indeterminate Progress
Template
Colors
API
ColorGradient
Overview
RGB and HEX
Contrast Tool
Keyboard Navigation
Events
API
MVVM
ColorPalette
Overview
Palette Presets
Keyboard Navigation
Events
API
MVVM
ColorPicker
Overview
Views
RGB and HEX
Contrast Tool
Keyboard Navigation
Events
Appearance
API
MVVM
ComboBox
Overview
Server Filtering
Virtualization
Floating Label
Prefix and Suffix
Grouping
Customizing Templates
Adaptive Mode
Cascading ComboBox
Add New Item
Events
Appearance
API
RTL Support
Keyboard Navigation
MVVM
DataSource
Overview
Binding to Remote Data
Binding to XML
Remote Data Operations
Local Data Operations
Shared DataSource
DateInput
Overview
Appearance
Date Editing
Floating Label
API
Events
Keyboard Navigation
MVVM
RTL Support
Localization and Globalization
DatePicker
Overview
Component TypeUpdated
Range Selection
Adaptive Mode
Customizing Templates
Appearance
Floating Label
Events
Disable Dates
Week Column
API
RTL Support
Keyboard Navigation
MVVM
DateRangePicker
Overview
Appearance
Adaptive Mode
Reverse Selection
Buttons
Date Range
Events
API
Keyboard Navigation
MVVM
DateTimePicker Updated
Overview
Component TypeUpdated
Range Selection
Customizing Templates
Adaptive Mode
Appearance
Floating Label
Events
Disable Dates
Week Column
APIUpdated
RTL Support
Keyboard Navigation
MVVM
Diagram
Overview
Built-in Layouts
Editing
PDF Export
Advanced Export
Events
API
MVVM
Dialog
Overview
Predefined Dialogs
MVVM
Events
API
RTL support
Keyboard Navigation
TreeView in Dialog
TreeList in Dialog
DockManager
Overview
Basic Usage
API
Events
Donut Charts
Overview
Donut Labels
Binding to Remote Data
Binding to Local Data
MVVM
Drag and Drop
Overview
Container
Area
Events
Drawer
Overview
Mini Mode
Hierarchy
Functionality
API
Keyboard Navigation
MVVM
Drawing API
Overview
Manipulating Paths
Tooltip
DrillDown Charts
Overview
Dynamic Data
DropDownButton
Overview
Items
Icons
Appearance
Events
API
RTL Support
Keyboard Navigation
MVVM
DropDownList
Overview
Basic Usage
Binding to Remote Data
Server Filtering
Virtualization
Floating Label
Grouping
Customizing Templates
Adaptive Mode
Cascading DropDownList
Add New Item
Events
Appearance
API
RTL Support
Keyboard Navigation
MVVM
DropDownTree
Overview
Checkboxes
Client Filtering
Binding to Remote Data
Binding to OData service
Appearance
Floating Label
Adaptive Mode
Templates
Events
API
RTL Support
Keyboard Navigation
MVVM
Editor
Overview
Basic Usage
MVVM
Functionality
Inline Editing
Custom Tools
File and Image Browser
All tools
Format Painter
Table Editing
Snippets
Styles
PDF Export
Paste Cleanup
Immutable Elements
API
Events
API
Accessibility and Internationalization
RTL support
Localization
Keyboard Navigation
ExpansionPanel
Overview
API
Events
RTL Support
Keyboard Navigation
MVVM
FileManager
Overview
Templates
Events
API
ContextMenu
RTL Support
Keyboard Navigation
Filter
Overview
Custom Editors
Persist State
Operators
MVVM
Keyboard Navigation
FlatColorPicker
Overview
Views
RGB and HEX
Contrast Tool
Keyboard Navigation
Events
API
MVVM
FloatingActionButton
Overview
Basic Usage
Alignment
Templates
Appearance
API
Events
RTL Support
Keyboard Navigation
MVVM
Form
Overview
Basic usage
Items
Layout
Groups
Orientation
Validation
Disabled Autocorrection
API
MVVM
Funnel Charts
Overview
Funnel Labels
Binding to Remote Data
Binding to Local Data
MVVM
Effects
Expand
Fade
Slide In
Flip
Transfer
Zoom
Page Turn
Tile
Replace
Combined Effects
Semantic Zoom
Gantt
Overview
Basic usage
MVVM
Functionality
Columns
Export to PDF
Planned vs Actual
Resources
Templates
Selected Date and Range
API
Events
API
Accessibility and Internationalization
RTL Support
Keyboard Navigation
Globalization
Overview
Grid Updated
Overview
Basic Usage
Initialization from Table
Adaptive Rendering
MVVM
Data Binding
Binding to Local Data
Binding to Remote Data
Binding to GraphQL Service
Binding to SignalR
Working Offline
Exporting
Export to Excel
Export to PDF
Selection & Export
Copy to Excel
Data Editing
Batch Editing
Batch Editing OData-v4
Inline Editing
Popup Editing
Editing Custom Editor
Custom Validator Editing
Toggle Edit Mode
Scrolling
Virtualization of Local Data
Virtualization of Remote Data
Column Virtualization
Endless Scrolling of Local Data
Endless Scrolling of Remote Data
Scroll To ItemNew
Filtering
Filter Row
Filter Multi Checkboxes
Filter Menu Customization
Functionality
Drag & Drop
Paste from Excel
Row & Column Spanning
Row Resizing
Sizing
Context Menu
Group Paging of Remote Data
Server Grouping with Virtualization
Sorting
Search Panel
Selection
Checkbox Selection
Aggregates
Selection Aggregates
Hierarchy
Persist State
Pager Functionality
Responsive Columns
Hiding Grouped Columns
Templates
Toolbar Template
Row Template
Detail Template
Columns
Frozen Columns
Sticky Columns
Multi-column Headers
Column Reordering
Column Resizing
Column Menu
Toolbar Columns Menu
ForeignKey Column
ForeignKey Column Binding
Custom Command
Content Alignment
API
Events
API
Accessibility and Internationalization
Localization
RTL Support
Keyboard Navigation
Draggable Interaction Alternatives
Heatmap
Overview
Binding to Local Data
Binding to Remote Data
Markers
MVVM
ImageEditor
Overview
API
Events
Keyboard Navigation
Integration with JS libraries
Kendo UI + Handlebars
Kendo UI + Twitter Bootstrap
Line Charts
Overview
Line Chart Types
Stacked Line
100% Stacked Line
Stepped Line
Smooth Line
Functionality
Date Axis
Logarithmic Axis
Multi-Axis
Notes
Error Bars
Custom Visuals
Trend Lines
Legend Display
Data Binding
Binding to Remote Data
Binding to Local Data
Binding to Grouped Data
MVVM
Linear Gauge
Overview
Scale Options
Multiple Pointers
Export to PDF, Image, SVG
MVVM
ListBox
Overview
Drag & Drop
Templates
Events
API
RTL support
Keyboard navigation
MVVM
ListView
Overview
Binding to Remote Data
Editing
Selection
Endless Scrolling
RTL Support
Keyboard Navigation
MVVM
Grouping
Loader
Overview
Color Variations
Integration
Map
Overview
Bing Tile Layer
Bubble Layer
Binding to GeoJSON
Binding Markers to Remote Data
Export
Events
API
MaskedTextBox
Overview
Appearance
Events
Floating Label
Prefix and Suffix
API
Globalization
RTL Support
MVVM
Validation
MediaPlayer Updated
Overview
Playlist
Events
API
Keyboard NavigationUpdated
Menu
Overview
Images
Direction
Orientation
Scrollable
Binding to Local Data
Binding to Remote Data
Bind Custom Attributes
Animation Effects
Events
API
Context Menu
RTL Support
Keyboard Navigation
Keyboard navigation - ContextMenu
MVVM
MVVM - ContextMenu
MultiColumnComboBox
Overview
Server Filtering
Virtualization
Floating Label
Prefix and Suffix
Grouping
Templates
Adaptive Mode
Cascading MultiColumnComboBox
Add New Item
Appearance
Events
API
RTL Support
Keyboard Navigation
MVVM
MultiSelect
Overview
Server Filtering
Virtualization
Floating Label
Prefix and Suffix
Grouping
Adaptive Mode
Customizing Templates
Add New Item
Appearance
Events
API
Tag Mode
RTL Support
Keyboard Navigation
MVVM
MultiViewCalendar
Overview
View Selection
Reverse Selection
Show Other Month Days
Century Cell Formats
Multiple Views
Selection
Disabled Dates
Week Column
API
Keyboard Navigation
MVVM
MVVM
Overview
HTML Element Binding
Widget Binding
Attribute Binding
Style Binding
Event Binding
Source and Template Binding
Strongly Typed Binding
CSS Class Binding
Remote Binding
Custom Binding
Notification
Overview
Position and stacking
Templates
Events
API
RTL Support
MVVM
NumericTextBox
Overview
Appearance
Precision
Events
Floating Label
Prefix and Suffix
API
RTL Support
Keyboard Navigation
Range Validation
MVVM
OrgChart
Overview
Binding to Remote Data
Load on Demand
Editing
Grouping
Grouping by Parent
Templates
Events
API
RTL Support
Keyboard Navigation
MVVM
Pager
Overview
Integration
Keyboard Navigation
PanelBar
Overview
Images
Loading content with AJAX
Animation Effects
Binding to Local Data
Binding to Remote Data
Templates
Events
API
RTL Support
Keyboard Navigation
MVVM
PDF Export
Document Export
Page Layout
PDFViewer
Overview
Events
API
Keyboard Navigation
MVVM
Pie Charts Updated
Overview
Pie Labels
Series PatternsNew
Binding to Remote Data
Binding to Local Data
No Data TemplateNew
MVVM
PivotGrid
Overview
KPI Measures
Remote Binding
Local Binding
Templates
Export to Excel
Export to PDF
PivotGridV2
Overview
KPI Measures
Local Binding
Remote Binding
Templates
Export to Excel
Export to PDF
Keyboard Navigation
Polar Charts
Polar Line
Smooth Polar Line
Polar Scatter
Polar Area
Binding to Remote data
Binding to Local Data
MVVM
Popover
Overview
Templates
API
Events
ProgressBar
Overview
Chunk ProgressBar
Vertical ProgressBar
Custom Label
Events
API
RTL Support
MVVM
PropertyGrid
Overview
Templates
Multiple Selection
Events
API
Keyboard Navigation
Pyramid Charts
Overview
Pyramid Labels
Binding to Remote Data
Binding to Local Data
MVVM
QR Code
Overview
API
MVVM
Swiss QR
Custom Logo
Radar Charts
Radar Line
Smooth Radar Line
Radar Area
Radar Column
Binding to Remote Data
Binding to Local Data
Binding to Grouped Data
MVVM
Radial Gauge
Overview
Scale Options
Multiple Pointers
Export to PDF, Image, SVG
MVVM
Car Dashboard
RadioButton
Overview
Appearance
RadioGroup
Overview
Layout
Events
API
RTL Support
Keyboard Navigation
MVVM
Range Area Charts
Overview
Binding to Local Data
Binding to Remote Data
Range Bar Charts
Overview
Binding to Local Data
Binding to Remote Data
Rating
Overview
Selection
Precision
Label
Tooltip
Templates
Events
API
RTL Support
Keyboard Navigation
MVVM
Responsive Panel
Overview
Ripple Container
Overview
Sankey Diagram
Overview
Data Binding
Events
Export
Scatter Charts
Overview
Scatter Chart Types
Scatter Line Chart
Smooth Scatter Line
Functionality
Date Axis
Multi-axis
Pan and Zoom
Custom Pan and Zoom
Data Binding
Binding to Remote Data
Binding to Local Data
Binding to Grouped Data
MVVM
Scheduler
Overview
Basic Usage
MVVM
Adaptive Rendering
Functionality
Adaptive Slot Height
Auto Event Height
Year View
Timeline view
Timeline Overnight view
Custom Toolbar
Highlight Ongoing Events
Event Selection
Import and Export to iCal
Export to PDF
Search Events
Resources
Horizontal Grouping
Vertical Grouping
Virtual Vertical Grouping
Hierarchical Grouping
Date Grouping
Templates
Restrictions
Event move & resize
Change Working Days
Data Binding
Binding to SignalR
API
Events
API
Accessibility and Internationalization
RTL Support
Keyboard Navigation
Localization and Globalization
ScrollView
Overview
Binding to DataSource
API
Events
Keyboard Navigation
MVVM
Signature
Overview
Basic usage
Apperance
Form Integration
Export as Image
API
Events
SkeletonContainer
Overview
Grid Integration
Slider
Overview
Events
API
RTL Support
Keyboard Navigation
MVVM
Sortable
Overview
Filter / Disable Items
Handlers
Axis / Container Constraints
Linked Lists
Events
Sortable Panels
Integration - Grid
Integration - ListView
Integration - TabStrip
Sparklines
Overview
Binding to remote data
Binding to Local Data
MVVM
SplitButton
Overview
Items
Icons
Appearance
Events
API
RTL support
Keyboard Navigation
MVVM
Splitter
Overview
Loading content with AJAX
Events
API
RTL Support
Keyboard Navigation
MVVM
Spreadsheet
Overview
Sorting and Filtering
Server Import/Export
Server Export to PDF
DataSource Binding
Resize Sheet
Disabled Cells
Custom Cell Editors
Images
Cell Comments
Events
Validation
Keyboard Navigation
Stepper
Overview
Layout
Icons
Orientation
Operation Modes
Events
API
RTL Support
Keyboard Navigation
MVVM
Stock Charts
Overview
Multiple panes
Virtualization
PDF Export
Stock History
Styling
Forms
Panels
Switch
Overview
Appearance
Events
API
RTL Support
Keyboard Navigation
MVVM
TabStrip
Overview
Images
Loading Content with AJAX
Animation Effects
Tab position
Scrollable tabs
Sortable tabs
Sortable closable tabs
Events
API
RTL Support
Keyboard Navigation
MVVM
TaskBoard
Overview
Binding to Local Data
Binding to Remote Data
Editing
Templates
Validation
Events
API
RTL Support
Keyboard Navigation
Templates
Overview
Expressions
TextArea
Overview
Appearance
Events
Floating Label
Prefix and Suffix
API
RTL Support
MVVM
TextBox
Overview
Appearance
Events
Floating Label
Prefix and Suffix
API
RTL Support
MVVM
TileLayout
Overview
Reordering
Resizing
Keyboard Navigation
Add/Remove
Events
TimeDurationPicker
Overview
Columns
Shortcuts
Appearance
Adaptive Mode
Events
API
MVVM
Keyboard Navigation
Timeline
Overview
Horizontal Mode
Templates
API
Events
Keyboard Navigation
MVVM
Shared DataSource
TimePicker Updated
Overview
Component TypeUpdated
Appearance
Adaptive Mode
Floating Label
Range Selection
Events
APIUpdated
RTL Support
Keyboard Navigation
MVVM
ToggleButton
Overview
Appearance
Events
API
Images
Badges
ToolBar
Overview
Resizing
Events
API
Integration with Editors
Keyboard Navigation
RTL Support
Tooltip
Overview
Loading Content with AJAX
Content Template
Events
API
MVVM
Touch Events
Touch Events
TreeList
Overview
Binding to Local Data
Binding to Remote Data
Binding to OData-v4 service
Drag & Drop
Editing
Filter Row
InCell Editing
Popup editing
Search Panel
Toolbar Template
Row Template
Column Resizing
Checkbox Selection
Column Reordering
Column Menu
Multi-Column Headers
Frozen Columns
Aggregates
Persist State
Export to Excel
Export to PDF
Events
API
MVVM
Client-Side Paging
Accessibility and Internationalization
Localization
Keyboard Navigation
TreeMap
Overview
Events
MVVM
TreeView
Overview
Basic usage
MVVM
Functionality
Drag & Drop
Animation Effects
Images
Checkboxes
Filter TreeView in dialog
Templates
Data Binding
Binding to Local Data
Binding to Remote Data
Binding to OData service
API
Events
Appearance
API
Accessibility and Internationalization
RTL Support
Keyboard Navigation
Upload
Overview
Basic usage
Asynchronous Upload
Chunk Upload
Custom Drop Zone
Directory Upload
Validation
Events
API
Templates
Initial Files
RTL Support
Keyboard Navigation
MVVM
Validator
Overview
Custom Validation
Waterfall Charts
Overview
Horizontal Waterfall
Binding to Local Data
Binding to Remote Data
Window
Overview
Basic usage
Constrain Movement
Customizing Actions
Loading Content with AJAX
Animation Effects
Events
API
RTL Support
Keyboard Navigation
MVVM
Wizard
Overview
Form Integration
Loading Content with AJAX
Content Position
Events
Keyboard Navigation
Components /
Slider /
Overview
Kendo UI for jQuery Slider Overview Run Live Demo Loading Demo...
EXAMPLE
VIEW SOURCE
Edit in Kendo UI Dojo
Change Themedefault Default Theme
Main
Main Dark
Nordic
Ocean Blue
Ocean Blue A11Y accessibility
Purple
Turquoise
Bootstrap Theme
Main
Bootstrap 3
Bootstrap 3 Dark
Main Dark
Nordic
Turquoise
Turquoise Dark
Urban
Vintage
Material Theme
Main
Arctic
Lime Dark
Main Dark
Nova
Classic Theme
Main
Green
Green Dark
Lavender
Lavender Dark
Main Dark
Metro
Metro Dark
Moonlight
Opal
Opal Dark
Silver
Silver Dark
Uniform
Fluent Theme
Main
Launch Theme Builder
index.html
Also available for:
ASP.NET MVC
ASP.NET Core
API REFERENCE
The Slider component is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Download Free Trial
Description
The Kendo UI for jQuery Slider provides a rich input for selecting numeric values. You can configure its appearance and direction through its API methods.
In this demo, you can see how the Slider component is initialized from a single input element and from multiple elements with the same class.
The Kendo UI for jQuery Slider control is part of Kendo UI for jQuery, a comprehensive, professional-grade UI library for building modern and feature-rich applications. The Kendo UI for jQuery collection provides 110+ UI components, an abundance of data-visualization gadgets, client-side data source, and a built-in MVVM (Model-View-ViewModel) library.
This Slider example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.
Functionality and Features
Appearance—Learn more about the new rendering of the component.
Accessibility—The Slider is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.
Your Account 