Skip to content

Instantly share code, notes, and snippets.

@lucasad lucasad/dabblet.css
Created Aug 19, 2013

Embed
What would you like to do?
Indeterminate progress bar
/**
* Indeterminate progress bar
*/
@import url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css');
@keyframes push
{
0% {width: 0%;}
50% {width: 70%;}
100% {width: 0%;}
}
.push {
border-radius: 0.25em;
animation: push 2s linear infinite;
height:100%;
float:left;
}
.progress-bar {
border-radius:0.25em;
}
.container {
width:300px;
}
<div class="container">
<div class="progress progress-striped active">
<div class="push"></div>
<div class="progress-bar progress-bar" style="width: 30%;"></div>
</div>
</div>
// alert('Hello world!');
{"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
You can’t perform that action at this time.