diff options
| author | XhmikosR <[email protected]> | 2021-08-21 06:54:53 +0300 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-08-21 06:54:53 +0300 |
| commit | 9e1d81a851cac268ca70e95d62c3e968e7293b41 (patch) | |
| tree | 62e66e0c5d5bfbb8ec09bb086f3c5494810773e0 | |
| parent | 91295c21878ed45977f7cb41af47e9898732f7c3 (diff) | |
| download | bootstrap-9e1d81a851cac268ca70e95d62c3e968e7293b41.tar.xz bootstrap-9e1d81a851cac268ca70e95d62c3e968e7293b41.zip | |
Progress page: remove toggle animation button (#34787)
We don't use the same approach with a button on the Placeholders page.
| -rw-r--r-- | site/assets/js/application.js | 11 | ||||
| -rw-r--r-- | site/content/docs/5.1/components/progress.md | 13 |
2 files changed, 2 insertions, 22 deletions
diff --git a/site/assets/js/application.js b/site/assets/js/application.js index 7981d4fcf..dd9162e40 100644 --- a/site/assets/js/application.js +++ b/site/assets/js/application.js @@ -117,17 +117,6 @@ }) } - // Activate animated progress bar - var btnToggleAnimatedProgress = document.getElementById('btnToggleAnimatedProgress') - if (btnToggleAnimatedProgress) { - btnToggleAnimatedProgress.addEventListener('click', function () { - btnToggleAnimatedProgress.parentNode - .querySelector('.progress-bar-striped') - .classList - .toggle('progress-bar-animated') - }) - } - // Insert copy to clipboard button before .highlight var btnHtml = '<div class="bd-clipboard"><button type="button" class="btn-clipboard" title="Copy to clipboard">Copy</button></div>' document.querySelectorAll('div.highlight') diff --git a/site/content/docs/5.1/components/progress.md b/site/content/docs/5.1/components/progress.md index 1b59dc97a..fccd546c6 100644 --- a/site/content/docs/5.1/components/progress.md +++ b/site/content/docs/5.1/components/progress.md @@ -123,20 +123,11 @@ Add `.progress-bar-striped` to any `.progress-bar` to apply a stripe via CSS gra The striped gradient can also be animated. Add `.progress-bar-animated` to `.progress-bar` to animate the stripes right to left via CSS3 animations. -<div class="bd-example"> - <div class="progress"> - <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div> - </div> - <button type="button" class="btn btn-secondary mt-3" data-bs-toggle="button" id="btnToggleAnimatedProgress" aria-pressed="false" autocomplete="off"> - Toggle animation - </button> -</div> - -```html +{{< example >}} <div class="progress"> <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div> </div> -``` +{{< /example >}} ## Sass |