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
*
* 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,
aside,
@ -2926,12 +2926,8 @@ a.thumbnail:hover {
background-position: 40px 0;
}
}
.progress, .progress .bar {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
background-color: #f7f7f7;
@ -2945,6 +2941,9 @@ a.thumbnail:hover {
-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);
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 {
width: 0%;

View File

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