.progressbar
        {
            counter-reset: step;
        }
        .progressbar li
        {
            list-style: none;
            display: inline-block;
            width: 22%;
            position: relative;
            text-align: center;
            cursor: pointer;
        }
        .progressbar li:before
        {
            content: counter(step);
            counter-increment: step;
            width: 30px;
            height: 30px;
            line-height: 30px;
            border: 1px solid #ddd;
            border-radius: 100%;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            background-color: #fff;
        }
        .progressbar li:after
        {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background-color: #ddd;
            top: 15px;
            left: -50%;
            z-index: -1;
        }
        .progressbar li:first-child:after
        {
            content: none;
        }
        .progressbar li.active
        {
            color: green;
        }
        .progressbar li.active:before
        {
            border-color: green;
        }
        .progressbar li.active + li:after
        {
            background-color: green;
        }
.theme-loader {
	height:100%;
	width:100%;
	background:#fff;
	position:fixed;
	z-index:999999;
	top:0;
	left:0
}
.theme-loader .loader-track {
	left:50%;
	top:50%;
	position:absolute;
	display:block;
	width:150px;
	height:150px;
	margin:-75px 0 0 -75px
}
.theme-loader .loader-track:after, .theme-loader .loader-track:before 
{
	content:"";
	border-radius:50%;
	position:absolute;
	z-index:1;
	border:4px solid #4099ff;
	border-top-color:transparent;
	border-bottom-color:transparent
}
.theme-loader .loader-track:after {
	width:100%;
	height:100%;
	animation:move 1.4s linear infinite
}
.theme-loader .loader-track:before {
	width:80%;
	height:80%;
	top:10%;
	left:10%;
	animation:move 1.2s linear infinite
}
.theme-loader .loader-track .loader-bar {
	left:50%;
	top:50%;
	position:absolute;
	display:block;
	width:90px;
	height:90px;
	top:30px;
	left:30px
}
.theme-loader .loader-track .loader-bar:after, .theme-loader .loader-track .loader-bar:before {
	content:"";
	border-radius:50%;
	position:absolute;
	z-index:1;
	border:4px solid #4099ff;
	border-top-color:transparent;
	border-bottom-color:transparent
}
.theme-loader .loader-track .loader-bar:after {
	width:100%;
	height:100%;
	animation:move 1s linear infinite
}
.theme-loader .loader-track .loader-bar:before {
	width:60%;
	height:60%;
	top:20%;
	left:20%;
animation:move .8s linear infinite
}
@keyframes move 
{
    100% 
    {
    transform:rotate(360deg)
    }
}