diff options
| -rw-r--r-- | docs/_includes/components/progress-bars.html | 5 | ||||
| -rw-r--r-- | docs/assets/js/src/application.js | 6 |
2 files changed, 8 insertions, 3 deletions
diff --git a/docs/_includes/components/progress-bars.html b/docs/_includes/components/progress-bars.html index adf686853d..f4c1631e7f 100644 --- a/docs/_includes/components/progress-bars.html +++ b/docs/_includes/components/progress-bars.html @@ -168,12 +168,13 @@ <p>Add <code>.active</code> to <code>.progress-bar-striped</code> to animate the stripes right to left. Not available in IE9 and below.</p> <div class="bs-example"> <div class="progress"> - <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"><span class="sr-only">45% Complete</span></div> + <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"><span class="sr-only">45% Complete</span></div> </div> + <button type="button" class="btn btn-default bs-docs-activate-animated-progressbar" data-toggle="button" aria-pressed="false" autocomplete="off">Toggle animation</button> </div> {% highlight html %} <div class="progress"> - <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"> + <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"> <span class="sr-only">45% Complete</span> </div> </div> diff --git a/docs/assets/js/src/application.js b/docs/assets/js/src/application.js index 9cd8ea24d3..571645e5f1 100644 --- a/docs/assets/js/src/application.js +++ b/docs/assets/js/src/application.js @@ -101,7 +101,7 @@ $('.bs-docs-popover').popover() // Button state demo - $('#loading-example-btn').click(function () { + $('#loading-example-btn').on('click', function () { var btn = $(this) btn.button('loading') setTimeout(function () { @@ -109,6 +109,10 @@ }, 3000) }) + // Activate animated progress bar + $('.bs-docs-activate-animated-progressbar').on('click', function () { + $(this).siblings('.progress').find('.progress-bar-striped').toggleClass('active') + }) // Config ZeroClipboard ZeroClipboard.config({ |