Round progress indicator

dabblet.css

/**
 * Round progress indicator
 */

.round-progress-indicator {
	width:150px;
	height: 150px;
}

.round-progress-indicator span {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: #CCC 10px solid;
	position: absolute;
	border-top: #7fa39f 10px solid;
}

html, body {width: 100%; height: 100%}
.centre {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

dabblet.html

<div class="round-progress-indicator centre"><span></span><span></span><span></span><span></span></div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}