Pagina de loading

by edgardleal

HTML

<div id="loading">
<div class="centralizado loading">
    Carregando...
</div>
</div>
<br>
<form action="" method="POST">
    <label for="">Codigo</label>
    <input></input>
    <input type="submit" value="Salvar"/>
</form>

CSS

#loading{
    width : 100%;
    height: 100%;
    position : absolute;
    background-color : #CCCFCE;
    /* text-align : center;*/
    
}
.loading{
   width : 10%;
}
.centralizado{
    margin : 40% auto;    
};

JavaScript

setTimeout(function(){
  document.querySelector("#loading")
  .style.cssText = "display : none";
} , 2000);