Skip to content

Instantly share code, notes, and snippets.

@GreLI GreLI/dabblet.css

Created May 14, 2014
Embed
What would you like to do?
Untitled
.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);
}
<div class="scale">
<div class="meter"></div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.