preloader style : demo 18

HTML

                        

CSS

                        .loader{
                            width:100px;
                            height: 10px;
                            background: #f8ecf1;
                            border-right:90px solid #5f9ea0;
                            border-left:0px solid #5f9ea0;
                            box-shadow: 0 0 0 1px #f8ecf1;
                            margin: 50px auto;
                            animation:loader infinite 1.5s linear;
                        }
                        @keyframes loader{
                            50%{
                                border-right:0px solid #5f9ea0;
                                border-left:90px solid #5f9ea0;
                            }
                        }
                    
License Terms