update progress bars to have a solid edge until 100% filled

This commit is contained in:
Mark Otto 2012-01-27 20:17:03 -08:00
parent 9800196bf7
commit 4e191c423d
2 changed files with 7 additions and 12 deletions

View File

@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0 * http://www.apache.org/licenses/LICENSE-2.0
* *
* Designed and built with all the love in the world @twitter by @mdo and @fat. * Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Fri Jan 27 20:04:50 PST 2012 * Date: Fri Jan 27 20:16:25 PST 2012
*/ */
article, article,
aside, aside,
@ -2926,12 +2926,8 @@ a.thumbnail:hover {
background-position: 40px 0; background-position: 40px 0;
} }
} }
.progress, .progress .bar {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.progress { .progress {
overflow: hidden;
height: 18px; height: 18px;
margin-bottom: 18px; margin-bottom: 18px;
background-color: #f7f7f7; background-color: #f7f7f7;
@ -2945,6 +2941,9 @@ a.thumbnail:hover {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.progress .bar { .progress .bar {
width: 0%; width: 0%;

View File

@ -28,18 +28,14 @@
// THE BARS // THE BARS
// -------- // --------
// Common styles
.progress,
.progress .bar {
.border-radius(4px);
}
// Outer container // Outer container
.progress { .progress {
overflow: hidden;
height: 18px; height: 18px;
margin-bottom: 18px; margin-bottom: 18px;
#gradient > .vertical(#f5f5f5, #f9f9f9); #gradient > .vertical(#f5f5f5, #f9f9f9);
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
.border-radius(4px);
} }
// Bar of progress // Bar of progress