Relative Slider

Relative Slider is for making complex user selections via drag sliders. It can be used for interactive forms or input values, allowing the user to select parts from a total element value.

Basically if you have service A and 4 sliders associated with it, users can select option A1, A2, A3, and A4, assigning various properties or values to those sub-options via the drag sliders.

Range Slider comes into play after the user has made all his selections, taking all these values and calculating their percentage in the total selected value. Basically it will tell the user how much % has A1, A2, A3, and A4 in the total selection.

A demo is included with the download package.

Requirements:

• JavaScript enabled on client side
• jQuery 1.6 or higher
• jQuery UI 1.8 or higher