nice css loader
/* loading */
.loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border:3px solid #999;
border-radius: 50%;
border-top:3px solid #D10000;
width: 30px;
height: 30px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}