diff --git a/docs/_includes/components/progress-bars.html b/docs/_includes/components/progress-bars.html
index 43b6412620..f4c1631e7f 100644
--- a/docs/_includes/components/progress-bars.html
+++ b/docs/_includes/components/progress-bars.html
@@ -170,7 +170,7 @@
     <div class="progress">
       <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>
+    <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">
diff --git a/docs/assets/js/src/application.js b/docs/assets/js/src/application.js
index a547fe20c3..571645e5f1 100644
--- a/docs/assets/js/src/application.js
+++ b/docs/assets/js/src/application.js
@@ -110,7 +110,7 @@
     })
 
     // Activate animated progress bar
-    $('.bs-docs-activate-aniamted-progressbar').on('click', function () {
+    $('.bs-docs-activate-animated-progressbar').on('click', function () {
       $(this).siblings('.progress').find('.progress-bar-striped').toggleClass('active')
     })