Untitled

<html>
<head>
<title></title>

<style type="text/css">
    @keyframes loading{
        0%{transform:rotate(0deg)}
        100%{transform:rotate(360deg)}
    }

    #loading{
        width: 65px;
        height: 65px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        animation: loading 1.2s linear infinite;
        background: rgba(244, 244, 244, 0.69);
        box-shadow: 0 0 0 10000px rgba(10, 10, 10, 0.69);
        opacity: 1;
        pointer-events: none;
        z-index: 2999;
        background-color: #dedede;
    }
</style>

</head>
<body>
    <div id="loading"></div>

    <div style="overflow-y: auto; height: 100%;">
        <div style="height:800px; background:rgba(100, 100, 244, 0.69);"></div>
    </div>

</body>
</html>