JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divProcessing">
	<p>Cargando c&oacute;digos, por favor espere . . . <img src="~/Content/images/ripple.gif"></p>
</div>

CSS

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

#divProcessing {
  position:fixed; /* or fixed */
  background-color:rgba(0,0,0,0.6); /* to your preference */
  width:100%;
	height:100%;
  top:0; left:0; bottom:0; right:0; /* not always necessary */
  text-align:center;
}

#divProcessing p{
  position:relative;
  top:50%;
  text-align:center;
  margin-top:-15px}