bradleybossard · November 27, 2013 23:26
diff --git a/dabblet.css b/dabblet.css
 /**
 * Attempt for Chrome-style progress-indicator with SVG and CSS animations
 */
 
 @keyframes spin {
 	to {
 		stroke-dashoffset: -264;
 	}
 }

 .progress circle {
 	fill: none;
 	stroke: slategray;
 	stroke-width: 16;
 	stroke-linecap: round;
 	stroke-dasharray: 0, 0, 50, 214;
 	stroke-dashoffset: 0;
 	animation: spin 4s infinite linear;
 }
diff --git a/dabblet.html b/dabblet.html
 <svg class="progress" viewBox="0 0 100 100">
 	<circle cx="50" cy="50" r="42"/>
 </svg>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Attempt for Chrome-style progress-indicator with SVG and CSS animations
	*/

	@keyframes spin {
	to {
	stroke-dashoffset: -264;
	}
	}

	.progress circle {
	fill: none;
	stroke: slategray;
	stroke-width: 16;
	stroke-linecap: round;
	stroke-dasharray: 0, 0, 50, 214;
	stroke-dashoffset: 0;
	animation: spin 4s infinite linear;
	}