From 9e1d81a851cac268ca70e95d62c3e968e7293b41 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sat, 21 Aug 2021 06:54:53 +0300
Subject: [PATCH] Progress page: remove toggle animation button (#34787)

We don't use the same approach with a button on the Placeholders page.
---
 site/assets/js/application.js                | 11 -----------
 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 7981d4fcfb..dd9162e40f 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 1b59dc97ad..fccd546c60 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