Skip to content

Instantly share code, notes, and snippets.

@peterwooley
Created May 30, 2012 00:42
Show Gist options
  • Save peterwooley/2831738 to your computer and use it in GitHub Desktop.
Save peterwooley/2831738 to your computer and use it in GitHub Desktop.
Untitled
/**
* 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);
}
<div class="bar"></div>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment