peterwooley · May 30, 2012 00:35
diff --git a/dabblet.css b/dabblet.css
 /** 
 * Diagonal Striped Progress Bar
 */
 body { background:#222; }
 .bar {
 	background: linear-gradient(rgba(0,0,0,.26), rgba(255,255,255,.26) 50%), linear-gradient(315deg, #78a804 25%, #669a04 25%, #669a04 50%, #78a804 50%, #78a804 75%, #669a04 75%, #669a04);
 	background-size:16px 16px;
 	height:8px;
 	width:500px;
 	overflow:hidden;
 	border-radius:4px;
 	border-bottom:1px solid rgba(255,255,255,.75);
 }

diff --git a/dabblet.html b/dabblet.html
 <div class="bar"></div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Diagonal Striped Progress Bar
	*/
	body { background:#222; }
	.bar {
	background: linear-gradient(rgba(0,0,0,.26), rgba(255,255,255,.26) 50%), linear-gradient(315deg, #78a804 25%, #669a04 25%, #669a04 50%, #78a804 50%, #78a804 75%, #669a04 75%, #669a04);
	background-size:16px 16px;
	height:8px;
	width:500px;
	overflow:hidden;
	border-radius:4px;
	border-bottom:1px solid rgba(255,255,255,.75);
	}