aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.1/components/progress.md
diff options
context:
space:
mode:
Diffstat (limited to 'site/content/docs/5.1/components/progress.md')
-rw-r--r--site/content/docs/5.1/components/progress.md13
1 files changed, 2 insertions, 11 deletions
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