Untitled

dabblet.css

.scale,
.meter {
	height: 15px
}
.scale {
	width: 501px;
	background: repeating-linear-gradient(90deg, transparent, transparent 3px, white 3px, white 6px) #CCC;
}
.meter {
	width: 75%;
	display: inline-block;
	vertical-align: top;
	background:
		repeating-linear-gradient(90deg, transparent, transparent 3px, white 3px, white 6px),
		linear-gradient(90deg, orange, green 250px, blue 501px);
}

dabblet.html

<div class="scale">
	<div class="meter"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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