From 60cf7d45dbbf21cafcffa1b883101136d609b2a8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 11 Jul 2014 15:45:11 -0700 Subject: Rewrite progress to markdown --- docs/_includes/components/progress-bars.html | 79 ---------------------------- 1 file changed, 79 deletions(-) delete mode 100644 docs/_includes/components/progress-bars.html (limited to 'docs/_includes') diff --git a/docs/_includes/components/progress-bars.html b/docs/_includes/components/progress-bars.html deleted file mode 100644 index 949c2368f..000000000 --- a/docs/_includes/components/progress-bars.html +++ /dev/null @@ -1,79 +0,0 @@ -
-

Progress bars

- -

Stylize the HTML5 <progress> element with a few extra classes and some crafty browser-specific CSS. Be sure to read up on the browser support.

- -

Basic example

-

Default progress bar.

-
- 0% - 25% - 50% - 75% - 100% -
-{% highlight html %} -0% -25% -50% -75% -100% -{% endhighlight %} - -

Internet Explorer 9 support

-

IE9 doesn't support the HTML5 <progress> element, but we can work around that.

-
- -
- 25% -
-
-
-{% highlight html %} - -
- 25% -
-
-{% endhighlight %} - -

Contextual alternatives

-

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

-
- 25% - 50% - 75% - 100% -
-{% highlight html %} -25% -50% -75% -100% -{% endhighlight %} - -

Striped

-

Uses a gradient to create a striped effect.

-
- 10% - 25% - 50% - 75% - 100% -
-{% highlight html %} -10% -25% -50% -75% -100% -{% endhighlight %} - -

Animated

-

Add .progress-animated to .progress to animate the stripes right to left via CSS3 animations. Animated progress bars do not work in IE9, older versions of Firefox, and Opera 12 as they don't support CSS3 animations.

-
- 25% -
-{% highlight html %} -25% -{% endhighlight %} -- cgit v1.2.3