ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / sothebankuab.com / wp-content / plugins / bdthemes-element-pack / assets / vendor / js

/*
 * December 2014
 * progressScroll 1.0.0
 * @author Mario Vidov
 * @url http://vidov.it
 * @twitter MarioVidov
 * GPL license
 */
jQuery(function($) {
    $.fn.progressScroll = function(options) {
        var settings = $.extend({
            borderSize: 10,
            mainBgColor: '#E6F4F7',
            lightBorderColor: '#A2ECFB',
            darkBorderColor: '#39B4CC'
        }, options);
        var colorBg = options['0'];  //'red'
        var progressColor =  options['1']; //'green';

var innerHeight, offsetHeight, netHeight,
            self = this,
            container = this.selector,
            borderContainer = 'bdt-reading-progress-border',
            circleContainer = 'bdt-reading-progress-circle',
            textContainer = 'bdt-reading-progress-text';
        this.getHeight = function() {
            innerHeight = window.innerHeight;
            offsetHeight = document.body.offsetHeight;
            netHeight = offsetHeight - innerHeight;
        };
        this.addEvent = function() {
            var e = document.createEvent('Event');
            e.initEvent('scroll', false, false);
            window.dispatchEvent(e);
        };
        this.updateProgress = function(percnt) {
            var per = Math.round(100 * percnt);
            var deg = per * 360 / 100;
            if (deg <= 180) {
                $('.' + borderContainer, container).css('background-image', 'linear-gradient(' + (90 + deg) + 'deg, transparent 50%, '+colorBg+' 50%),linear-gradient(90deg, '+colorBg+' 50%, transparent 50%)');
            } else {
                $('.' + borderContainer, container).css('background-image', 'linear-gradient(' + (deg - 90) + 'deg, transparent 50%, '+progressColor+' 50%),linear-gradient(90deg, '+colorBg+' 50%, transparent 50%)');
            }
            $('.' + textContainer, container).text(per + '%');
        };
        this.prepare = function() {
            //$(container).addClass("bdt-reading-progress");
            $(container).html("<div class='" + borderContainer + "'><div class='" + circleContainer + "'><span class='" + textContainer + "'></span></div></div>");

$('.' + borderContainer, container).css({
                'background-color': progressColor,
                'background-image': 'linear-gradient(91deg, transparent 50%,' + settings.lightBorderColor + '50%), linear-gradient(90deg,' + settings.lightBorderColor + '50%, transparent 50%'
            });
            $('.' + circleContainer, container).css({
                'width': settings.width - settings.borderSize,
                'height': settings.height - settings.borderSize
            });

};
        this.init = function() {
            self.prepare();
            $(window).on('scroll', function() {
                var getOffset = window.pageYOffset || document.documentElement.scrollTop,
                    per = Math.max(0, Math.min(1, getOffset / netHeight));
                self.updateProgress(per);
            });
            $(window).on('resize', function() {
                self.getHeight();
                self.addEvent();
            });
            $(window).on('load', function() {
                self.getHeight();
                self.addEvent();
            });
        };
        self.init();
    };
});

[-] SplitText.js [edit]
[-] awesomeCloud.min.js [edit]
[-] prism.min.js [edit]
[-] jquery.progressScroll.js [edit]
[-] jquery.mThumbnailScroller.min.js [edit]
[-] parallax.js [edit]
[-] chart.min.js [edit]
[-] typed.min.js [edit]
[-] jquery.appear.min.js [edit]
[-] lottie.d.ts [edit]
[-] jquery.imagezoom.js [edit]
[-] jquery.tagcanvas.min.js [edit]
[-] prism.js [edit]
[-] metisMenu.js [edit]
[-] lottie.js [edit]
[-] jquery.honeycombs.js [edit]
[-] sidetabs.js [edit]
[-] timeline.min.js [edit]
[-] datatables.min.js [edit]
[-] datatables.uikit.js [edit]
[-] jquery.appear.js [edit]
[+] ..
[-] popper.js [edit]
[-] jquery.jplayer.js [edit]
[-] image-compare-viewer.min.js [edit]
[-] calendly.js [edit]
[-] tilt.jquery.js [edit]
[-] particles.min.js [edit]
[-] jquery.progressHorizontal.min.js [edit]
[-] timeline.js [edit]
[-] jQuery.circleMenu.min.js [edit]
[-] tippy.all.min.js [edit]
[-] calendly.min.js [edit]
[-] jquery.jplayer.min.js [edit]
[-] jquery.newsTicker.min.js [edit]
[-] darkmode.min.js [edit]
[-] goodshare.min.js [edit]
[-] SplitText.min.js [edit]
[-] jquery.newsTicker.js [edit]
[-] jquery.flatWeatherPlugin.min.js [edit]
[-] rvslider.min.js [edit]
[-] gmap.min.js [edit]
[-] jquery.jclock.min.js [edit]
[-] chart.js [edit]
[-] jquery.mousewheel.js [edit]
[-] vanilla-tilt.js [edit]
[-] search.min.js [edit]
[-] jquery.justifiedGallery.min.js [edit]
[-] pageable.min.js [edit]
[-] particles.js [edit]
[-] jquery.imagezoom.min.js [edit]
[-] jquery.mousewheel.min.js [edit]
[-] gmap.js [edit]
[-] news-ticker.min.js [edit]
[-] datatables.uikit.min.js [edit]
[-] tippy.all.js [edit]
[-] gsap.js [edit]
[-] table-of-content.min.js [edit]
[-] gsap.min.js [edit]
[-] metisMenu.min.js [edit]
[-] wavify.min.js [edit]
[-] jquery.progressScroll.min.js [edit]
[-] morphext.min.js [edit]
[-] darkmode.js [edit]
[-] gridtab.min.js [edit]
[-] morphext.js [edit]
[-] image-compare-viewer.js [edit]
[-] parallax.min.js [edit]
[-] search.js [edit]
[-] sidetabs.min.js [edit]
[-] recliner.js [edit]
[-] countUp.js [edit]
[-] clipboard.js [edit]
[-] jquery-asPieProgress.min.js [edit]
[-] wavify.js [edit]
[-] recliner.min.js [edit]
[-] jquery.jclock.js [edit]
[-] pageable.js [edit]
[-] jquery.tagcanvas.js [edit]
[-] gridtab.js [edit]
[-] jquery-qrcode.js [edit]
[-] countUp.min.js [edit]
[-] awesomeCloud.js [edit]
[-] jquery-asPieProgress.js [edit]
[-] lottie.min.js [edit]
[-] moment-timezone-with-data.min.js [edit]
[-] jquery.justifiedGallery.js [edit]
[-] datatables.js [edit]
[-] rvslider.js [edit]
[-] jquery.flatWeatherPlugin.js [edit]
[-] moment.min.js [edit]
[-] jquery.honeycombs.min.js [edit]
[-] table-of-content.js [edit]
[-] goodshare.js [edit]
[-] leaflet.js [edit]
[-] cookieconsent.min.js [edit]
[-] moment-timezone-with-data.js [edit]
[-] jQuery.circleMenu.js [edit]
[-] leaflet.min.js [edit]
[-] vanilla-tilt.min.js [edit]
[-] floating-video.min.js [edit]
[-] typed.js [edit]
[-] popper.min.js [edit]
[-] spritespin.js [edit]
[-] jquery.progressHorizontal.js [edit]
[-] floating-video.js [edit]
[-] jquery.mThumbnailScroller.js [edit]
[-] moment.js [edit]
[-] spritespin.min.js [edit]
[-] tilt.jquery.min.js [edit]
[-] jquery-qrcode.min.js [edit]
[-] cookieconsent.js [edit]