barra de carregamento

ajuda no funcionamento dessa barra, de 0 a 100 em 4segundos.

by Jonathan Nascimento

HTML

<div class="container">



    <div class="quadrado">
    </div>
    
    <div class="quadrado">
	</div>
    
    <div class="quadrado">
	</div>
    
    <div class="quadrado">
	</div>
    
    <div class="quadrado">
	</div>
    
    <div class="quadrado">
	</div>
    
    <div class="quadrado">
	</div>
    
    <div class="quadrado">
	</div>
    
    <div class="quadrado">
	</div>
    
    <div class="quadrado">
	</div>
    100%
    </div>

CSS

* {
		margin: 0; 
	 }
	 
	
.container {
  width: 340px;
  margin: auto;
  text-align: center;

}


	.quadrado {
		width: 30px;
		height: 30px;
		background-color: blue;
		margin: ;
		display: inline-block;
	}