Untitled

dabblet.css

body {
   font-family: Arial
}
.box {
	padding: 20px;	
	color: white;
}

@keyframes background-position{
	from{ background-position: 0 0;}
	to { background-position: 50px 0 }
}

.animate-bg {
	background-color: #20957f;
	background-image: linear-gradient(135deg, rgba(255,255,255, 0.2) 25%, rgba(255,255,255, 0.5) 25%, rgba(255,255,255, 0.5) 50%, rgba(255,255,255, 0.2) 50%, rgba(255,255,255, 0.2) 75%, rgba(255,255,255, 0.5) 75%, rgba(255,255,255, 0.5)); 
	background-size: 50px 50px;
	animation: background-position 1s linear infinite;    
	background-position: 0 0;
}

dabblet.html

<div class="box animate-bg" href="#background-position" title="background-position from 0 0 to 100% 100%">Please wait while downloading</div>

dabblet.js

// alert('Hello world!');

settings.json

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