Permalink
Browse files

Added a non-active Progress Bar

  • Loading branch information...
1 parent 5eaa504 commit 00db61246ff9c2e214d8e368d15a667f3be73b2c @andrewtobin andrewtobin committed Feb 11, 2012
Showing with 13 additions and 3 deletions.
  1. +9 −1 index.html
  2. +4 −2 less/bootstrap/progress-bars.less
View
@@ -63,11 +63,19 @@ <h2 class="lime">stylesheets and then some</h2>
<h4>progress bars</h4>
<div class="row">
<div class="span4">
- <div class="progress progress-striped active">
+ <div class="progress">
<div class="bar" style="width: 60%;"></div>
</div>
</div>
</div>
+ <h4>active progress bars</h4>
+ <div class="row">
+ <div class="span4">
+ <div class="progress progress-striped active">
+ <div class="bar" style="width: 40%;"></div>
+ </div>
+ </div>
+ </div>
</div>
</div>
@@ -46,15 +46,17 @@
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
- #gradient > .vertical(#149bdf, #0480be);
+
+ #gradient > .vertical(lighten(@accent, 25%), @accent; // no clue why but a close bracket breaks pretzel
+
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
.box-sizing(border-box);
.transition(width .6s ease);
}
// Striped bars
.progress-striped .bar {
- #gradient > .striped(@blue); //#62c462);
+ #gradient > .striped(@accent);
.background-size(40px 40px);
}

0 comments on commit 00db612

Please sign in to comment.