Get new jQuery plugins just once a week

×

sGlide

January 17, 2014

sGlide | A jQuery plugin for a feature-rich percentage slider

sGlide is a super flexible and light-weight jQuery plugin that generates a simple, feature-rich & mobile ready slider customized using css.

Example Code :-

$('#slider').sGlide({
startAt: 60, // start slider knob at - default: 0
image: '' // string - image path
width: 200, // integer - default: 100
height: 20, // integer - default: 40
unit: 'px', // 'px' or '%' (default; doesn't apply to height)
pill: false, // boolean - default: true
snap: {
points: 5,
markers: true,
onlyOnDrop: true
},
disabled: true, // boolean - default: false
colorStart: // css value
colorEnd: // css value
vertical: // boolean - default: false
showKnob: // boolean - default: true
drop: function(o){
console.log(o.guid+': '+o.value+'%');
}
});

Created by Daniel Kazmer

Download

Example

sGlide jquery plugin

percentage slider

sGlide

Related posts:

card
mobilePhoneNumber
range-picker
sGlide jquery plugin

http://jquer.in/wp-content/uploads/2014/01/sGlide.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever