JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://css-spinners.com/css/spinner/plus.css">
<body>
<div id="pluswrap">
<div class="plus">
Loading...
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero dui, venenatis non ex sit amet, porta viverra erat. Phasellus vel viverra turpis. Nunc ut pellentesque ligula. Aliquam erat volutpat. Vivamus pharetra purus vitae accumsan congue. Pellentesque ullamcorper elit urna, sit amet gravida nunc convallis in. Morbi sagittis bibendum finibus. Pellentesque finibus gravida ligula, ac dictum ante commodo mollis. Fusce enim elit, ultrices eget vestibulum in, vehicula elementum sem. Nullam est est, euismod et nunc tincidunt, rutrum feugiat tellus. Suspendisse feugiat efficitur placerat. Quisque imperdiet ac massa sit amet efficitur. Sed posuere orci vel rutrum suscipit.
Nulla nec rutrum leo. Proin malesuada sapien a posuere suscipit. Duis tristique augue et nulla maximus, ut rutrum sem vestibulum. Quisque sed dolor vulputate, condimentum lorem sed, tempus lacus. Nam accumsan neque libero, sed congue turpis vestibulum et. Suspendisse potenti. Nam vel vehicula metus. Nulla imperdiet finibus turpis, eget suscipit velit eleifend a. Vestibulum cursus facilisis varius. Duis pretium sapien quis risus rutrum vulputate. Mauris commodo sapien metus, ut venenatis magna laoreet eget. Vestibulum at augue sapien.
Sed vel lacinia urna. Nullam sed cursus ligula, ut posuere lectus. Nunc viverra ipsum tortor. Proin in nulla vehicula, pretium ipsum lacinia, condimentum mi. Nulla pulvinar purus non neque semper, efficitur finibus risus vehicula. Cras lacus risus, tempus porttitor venenatis et, consequat in odio. Sed dignissim eu magna id varius. Duis vel justo in enim pretium scelerisque. Maecenas pretium, mi vitae hendrerit porta, nibh nisi tempus nisl, et pretium purus mauris ut elit. Nam elementum lacus urna. Nulla eget orci vel felis luctus lacinia vitae at enim. Donec imperdiet ut justo lacinia mattis....
CSS
#pluswrap {
position: fixed;
width: 100%;
height:100%;
display: flex;
align-items: center;
background: rgba(0, 0, 0, 0.91);
top: 0;
}
body {
margin: 0;
}
.plus {
display: flex;
margin: 0 auto;
}