From 4da7cad021eb42784faf1fca0d5c51342f196f32 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 15 Aug 2013 13:06:01 -0700 Subject: reorder and cleanup progress bar display --- components.html | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) (limited to 'components.html') diff --git a/components.html b/components.html index 963074ffb..f76203a82 100644 --- a/components.html +++ b/components.html @@ -2020,13 +2020,13 @@ body { padding-bottom: 70px; }

Contextual alternatives

Progress bars use some of the same button and alert classes for consistent styles.

-
-
20% Complete
-
-
+
40% Complete (success)
-
+
+
20% Complete
+
+
60% Complete (warning)
@@ -2035,13 +2035,13 @@ body { padding-bottom: 70px; }
{% highlight html %}
-
- 20% Complete +
+ 40% Complete (success)
-
- 40% Complete (success) +
+ 20% Complete
@@ -2059,13 +2059,13 @@ body { padding-bottom: 70px; }

Striped

Uses a gradient to create a striped effect. Not available in IE8.

-
-
20% Complete
-
-
+
40% Complete (success)
-
+
+
20% Complete
+
+
60% Complete (warning)
@@ -2074,13 +2074,13 @@ body { padding-bottom: 70px; }
{% highlight html %}
-
- 20% Complete +
+ 40% Complete (success)
-
- 40% Complete (success) +
+ 20% Complete
-- cgit v1.2.3