Ion Range Slider

Multi Color Option
Simple start and customising basic params

Set min value, max value and start point

Set type to double and specify range, also showing grid and adding prefix "$"

Set up range and step

Set up range with negative values

Using step 250

Set up range with fractional values, using fractional step

Using custom values array

Set up you own numbers

Using any strings as your values

One more example with strings

Prettify visual look of numbers

No prettify. Big numbers are ugly and unreadable

Prettify enabled. Much better!

Don't like space as separator? Use anything you like!

You don't like default prettify function? Use your own!

Decorating numbers

Using prefixes

Using postfixes

Whant to show that max number is not the biggest one?

Taking care about how from and to values connect? Use decorate_both option:

Remove double decoration

Use your own separator symbol with values_separator option. Like →

Or " to ":

2015 © SlickLab by VectorLab.

Latest Information

Revenue

  • Received Money from John Doe $12300
  • Total Admin Template Sales $40100
  • Monty Revenue $322300
  • Received Money from John Doe $1520

Statistics

  • Foreign Visit 25% Increase
  • Montly Visit Average visit 12% Increase
  • Unique Visit 35% unique visitor

Notification

  • Meeting with John Doe at 11.30 am
  • 3 membership request pending John, Smith, Lira

System

  • Received database error report from hosting provider 11.30 am
  • Hosting Renew notification 12.00 pm

Work Progress

  • Server Setup and Configuration
    50% completed
  • Website Design & Development
    85% completed

Account Setting

Configure your account as per your need.
  • Make my feature post public? Everyone will be able to see, like, comment and share your feature post.
  • Show offline Contacts Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Everyone will see my stuff Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

General Setting

Configure your account as per your need.
  • Show me Online
  • Status visible to all
  • Show my work progess to all