Range Sliders

Start without params 101000010

Start without params 1001 00000400

Double, specify range and prefix "$" $0$1 000$200$800$200 — $800

Set up range with negative values -1 0001 000-500500-500 — 500-1 000-50005001 000

Set up range Using step 250 -1 0001 000-500500-500 — 500-1 000-50005001 000

with fractional values and step -12.812.8-3.23.2-3.2 — 3.2-12.8-6.406.412.8

Set up you own numbers 01 000 00010100 00010 — 100 0000101001 00010 000100 0001 000 000

Using any strings as your values zeroten00fivezeroonetwothreefourfivesixseveneightnineten

Month Values with strings JanuaryDecember00AprilJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember

Pretify Disabled Numbers 100010000000010000010002507505005007502501000000

Pretify Enabled Numbers 1 0001 000 00000200 0001 000250 750500 500750 2501 000 000

Values With custom Seperator 1,0001,000,00000300,0001,000250,750500,500750,2501,000,000

Decorating numbers using prefixes $0$10 000$1 000$10 000$1 000 — $10 00002 5005 0007 50010 000

Decorating numbers using postfixes -90??90??000??-90-4504590

Number Using No Limits Age 18Age 70+00Age 301831445770

from and to values connect Weight: 100 KgsWeight: 200 KgsWeight: 145 KgsWeight: 155 KgsWeight: 145 Kgs — Weight: 155 Kgs100125150175200

Remove double decoration Weight: 100 poundsWeight: 200 poundsWeight: 145 poundsWeight: 155 poundsWeight: 145 — 155 pounds100125150175200

Values_separator option With symbol. Weight: 100 poundsWeight: 200 poundsWeight: 148 poundsWeight: 152 poundsWeight: 148 pounds ??? Weight: 152 pounds100125150175200

values_separator option with to. Range: 100 light yearsRange: 200 light yearsRange: 148 light yearsRange: 152 light yearsRange: 148 to 152 light years

Hide All Details.

Show Only Grids. 1 0001 2501 5001 7502 000

Show Only Min & Max Range. 1 0002 000

Show Only Current Range. 1 2001 8001 200 — 1 800

Labels away outside it's container. 1 000 0002 000 0001 000 0002 000 0001 000 000 — 2 000 0001 000 0001 250 0001 500 0001 750 0002 000 000

Labels with force_edges attribute. 1 000 0002 000 0001 000 0002 000 0001 000 000 — 2 000 0001 000 0001 250 0001 500 0001 750 0002 000 000

Grid Steps With 1000 Steps. 010 000010 0000 — 10 00001 0002 0003 0004 0005 0006 0007 0008 0009 00010 000

Grid with Strange Steps. 01000002.344.687.029.3610

Lock Minimum Value. 0100307030 — 70

Lock Maximum Value. 0100307030 — 70

Lock Both Values. 0100307030 — 70

Movement Limits. 010000300255075100

Highlight Movement Limits. 010000300255075100

Highlight Max & Min Limits. 0100208020 — 800102030405060708090100

Disable the Slider. 01000030

Using Keyboard Controls. 0100307030 — 70

Using native Date object. March 15, 2024March 15, 202500September 15, 2024

Set minimum interval size. 0100307030 — 70

Set Maximum interval size. 0100307030 — 70

Dragging interval. 0100307030 — 70

With 12 hours time format. Mar 15th, 02:22 AMMar 15th, 02:22 PM00Mar 15th, 08:22 AM

24 hours & localisation to russian. 15th March, 02:2215th March, 14:220015th March, 08:2215th March, 02:2215th March, 05:2215th March, 08:2215th March, 11:2215th March, 14:22

with localisation to japanese. 15th March, 2:22 AM15th March, 2:22 PM0015th March, 8:22 AM15th March, 2:22 AM15th March, 5:22 AM15th March, 8:22 AM15th March, 11:22 AM15th March, 2:22 PM

Walkthrough Videos

Create Beautiful & Powerful Websites
Get Canvas for $16 only!

Purchase License

Templates

Explore more Elements

Shop

Portfolio

Blog

Events

Sliders

Form Templates

Contact Forms

Modal onLoad

Side Panel

Animations

Buttons

Carousel

Charts

Clients

Columns

Counters

Read More Element

Data Tables

Date Picker

Dividers

Icon Boxes

Gallery

Headings

Icon Lists

Gradients

Lightbox

Overlays

Form Fields

File Uploads

Lists & Cards

Maps

Media Embeds

Modal Boxes

Notifications

Navigations

Pagination

Progress Bars

Shape Dividers

Range Slider

Star Ratings

Pricing

Process Steps

Promo Boxes

Blockquotes

Responsive

Sections

Social Icons

Hover Animations

Select Picker

Select Boxes

Alerts

Styled Icons

Tables

Tabs

Testimonials

Thumbnails

Toggles

Lazy Loading

Radios & Switches

Flip Cards

Cascading Images

Before/After

Video Facade

GDPR

Cart Quantity

Circle Stack

Image Sliders

Ticker

AJAX Button

Conditional

Code Highlighter

Custom Cursor

Hover Parallax

Mode Switcher

Adaptive Scheme

Image Hotspots

Filters

Create Beautiful & Powerful Websites
Get Canvas for $16 only!