Carregando

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 mostra o carregando até que o componente seja carregado.

<style>
#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%;
}
</style>

 <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>

Sugiro mudar a categoria para Front-end, e JavaScript.

1 curtida

Alterei a categoria