preloader style : demo 302

HTML

                        

CSS

                        .loader{
                            width: 160px;
                            height: 160px;
                            margin: 50px auto 0;
                            border-top: 16px solid #ff6326;
                            border-right: 16px solid transparent;
                            border-radius: 50%;
                            position: relative;
                            animation: round 1s linear infinite;
                        }
                        .loader:before{
                            content: '';
                            background-color: #ff6326;
                            width: 16px;
                            height: 16px;
                            border-radius: 50%;
                            position: absolute;
                            right: 5px;
                            top: 5px;
                        }
                        @keyframes round{
                            100%{ transform: rotate(360deg); }
                        }
                    
License Terms