From 97b4364452aa45539aac11d866ebd17fa211200d Mon Sep 17 00:00:00 2001
From: Heinrich Fenkart <hnrch02@gmail.com>
Date: Sun, 26 Oct 2014 06:17:05 +0100
Subject: [PATCH] Docs: progress bars' animation now needs to be manually
toggled
Refs #14409
---
docs/_includes/components/progress-bars.html | 5 +++--
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..43b6412620 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-aniamted-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..a547fe20c3 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-aniamted-progressbar').on('click', function () {
+ $(this).siblings('.progress').find('.progress-bar-striped').toggleClass('active')
+ })
// Config ZeroClipboard
ZeroClipboard.config({
--
GitLab