A lightweight slider component for mobile frontend.
var $slider = document.getElementById('my-slider');
var slider = new Slider($slider, {
init: 75,
dir: 'v',
onchanging: function (percent) {
percent = Math.floor(percent * 100) / 100;
console.log(`changing: ${percent}`);
},
onchanged: function (percent) {
percent = Math.floor(percent * 100) / 100;
console.log(`changed: ${percent}`);
}
});
slider.progress = Math.random() * 100;
.slider-container {}
.slider-wrap {}
.slider-bar {}
.slider-dot {}
MIT