diff options
| author | Piotrek Okoński <[email protected]> | 2011-11-26 19:41:17 +0100 |
|---|---|---|
| committer | Piotrek Okoński <[email protected]> | 2012-01-07 13:39:46 +0100 |
| commit | 3eb80591b2c8bb2850caf27da7d6b8c8b747063a (patch) | |
| tree | edd19fb4fa64253f05af4f9022fbef34359b4d24 /docs/components.html | |
| parent | b6d50c892d6ae8ed42ff0bfbba4252c7dc47417e (diff) | |
| download | bootstrap-3eb80591b2c8bb2850caf27da7d6b8c8b747063a.tar.xz bootstrap-3eb80591b2c8bb2850caf27da7d6b8c8b747063a.zip | |
Progress bars
Diffstat (limited to 'docs/components.html')
| -rw-r--r-- | docs/components.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/docs/components.html b/docs/components.html index 5bafc5a60..0974a233f 100644 --- a/docs/components.html +++ b/docs/components.html @@ -925,6 +925,47 @@ Lorem ipsum dolar sit amet illo error <a href="#" title="bottom">ipsum</a> verit </div><!-- /row --> </section> +<!-- Progress bars +================================================== --> + <section id="progresss"> + <div class="page-header"> + <h1>Progress bars <small>... for indicating progress</small></h1> + </div> + <div class="row"> + <div class="span3"> + <h2>Basic bars</h2> + <p>Default look of progress bars. Absolute minimum.</p> + </div> + <div class="span9"> + <div class="progress"> + <div class="bar" style="width: 50%;"></div> + </div> + </div> + </div> + <div class="row"> + <div class="span3"> + <h2>Striped bars</h2> + <p>Bars with stripes painted.</p> + </div> + <div class="span9"> + <div class="progress info striped"> + <div class="bar" style="width: 20%;"></div> + </div> + </div> + </div> + <div class="row"> + <div class="span3"> + <h2>Active state</h2> + <p>Animated stripes! <small>Not on Opera, though :(</small></p> + </div> + <div class="span3"> + <div class="progress danger active striped"> + <div class="bar" style="width: 45%"></div> + </div> + </div> + </div> + </section> + <!-- Footer ================================================== --> <footer class="footer"> |