Loading animations

[JavaGuySoho]

https://icons8.com/preloaders/

[JavaGuySoho]

http://loadingapng.com/

[JavaGuySoho]

https://loading.io/

[JavaGuySoho]

    <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <link href="css/ionslider/ion.rangeSlider.css" rel="stylesheet" type="text/css" />
    <link href="css/ionslider/ion.rangeSlider.skinNice.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-slider/slider.css" rel="stylesheet" type="text/css" />

                    <input type="text" id="sizerSlider" class="slider form-control" name="rangeName" value="10;100" />

    <script src="js/plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script>
    <script src="js/plugins/bootstrap-slider/bootstrap-slider.js" type="text/javascript"></script>

    $(function() {
        $("#sizerSlider").ionRangeSlider({
            skin: "big",
            type: "single",
            min: 0,                         // min value
            max: 100,                       // max value
            from: 0,
            step: 10,                       // slider step
            postfix: " %",                  // postfix text
            onChange: function(obj) {
                console.log(obj);
            },
            onFinish: function(obj) {
                console.log(obj);
            }
        });

        showLoading();
    });

slider.reset();

slider.destroy();