two color ring using css

by padma rubhan

HTML

<div class="loader">

</div>

CSS

.loader {
        border-right: 16px solid #00ccff;
        border-left: 16px solid #99ff00;
        border-radius: 50%;
        margin: 20% 45%;
        border-top: 16px solid #99ff00;
        border-bottom: 16px solid #00ccff;
        width: 120px;
        height: 120px;
    }