Peguei este código na internet, para ver o seu funcionamento. Primeiro ele só mostra depois de carregar os dados do servidor. Queria fazer um para quando ele entrar em uma página, ele mostrar o carregando até que o componente seja carregado.
#loading {
background: none no-repeat scroll 50% 50% rgba(255, 255, 255, 0.8);
height: 100px;
left: 500px;
position: fixed;
top: 500px;
width: 200px;
z-index: 1000;
text-align: center;
}
#loading #fraseLoader {
font-size: 25px;
}
#loading #imagemLoader {
margin-top: 20%;
}
<div id="loading" style="display: none;">
<i class="ace-icon fa fa-spinner fa-spin orange bigger-125"></i>
<p id="fraseLoader">Processando, aguarde...</p>
</div>
O que está errado?