https://saudadedoiguacu.pr.gov.br/js/spin/spin-windowlock/spin-windowlock.js

1$(function(){                
2    $('body').append('<div class="spin-windowlock" id="spin-windowlock"></div><div class="spin" id="spin"></div>');
3    $('#spin').hide();
4    $('#spin').css('width', '220px');
5    $('#spin').css('height', '220px');
6    $('#spin-windowlock').hide();
7    jQuery.fn.fullscreen = function () {
8        this.css("height", $(window).height() + $(window).scrollTop() + "px");
9        this.css("width", $(window).width() + $(window).scrollLeft() + "px");
10        return this;
11    }                
12    jQuery.fn.center = function () {
13        this.css("position", "absolute");
14        this.css("top", ($(window).height() - this.height())/ 2 + $(window).scrollTop() + "px");
15        this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + "px");
16        return this;
17    }
18    $.fn.spin = function(opts) {
19        this.each(function() {
20            var $this = $(this),
21            data = $this.data();
22
23            if (data.spinner) {
24                data.spinner.stop();
25                delete data.spinner;
26            }
27            if (opts !== false) {
28                data.spinner = new Spinner($.extend({
29                    color: $this.css('color')
30                }, opts)).spin(this);
31            }
32        });
33        return this;
34    };               
35                
36    var opts = {
37        lines: 13, // The number of lines to draw
38        length: 21, // The length of each line
39        width: 4, // The line thickness
40        radius: 28, // The radius of the inner circle
41        corners: 1, // Corner roundness (0..1)
42        rotate: 0, // The rotation offset
43        color: '#000', // #rgb or #rrggbb
44        speed: 1, // Rounds per second
45        trail: 60, // Afterglow percentage
46        shadow: false, // Whether to render a shadow
47        hwaccel: false, // Whether to use hardware acceleration
48        className: 'spinner', // The CSS class to assign to the spinner
49        zIndex: 2e9, // The z-index (defaults to 2000000000)
50        top: 'auto', // Top position relative to parent in px
51        left: 'auto' // Left position relative to parent in px
52    };
53    jQuery.windowlock = function (lock) {
54        if(lock){
55            $('#spin-windowlock').fullscreen();
56            $('#spin-windowlock').show();                    
57            $('#spin').center();
58            $('#spin').show();
59            $('#spin').spin(opts);
60        }else{
61            $('#spin').spin(false);
62            $('#spin').hide();
63            $('#spin-windowlock').hide();
64        }
65        return this;
66    }  
67});