aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.1/components/progress.md
diff options
context:
space:
mode:
authorXhmikosR <[email protected]>2021-09-09 15:01:58 +0300
committerGitHub <[email protected]>2021-09-09 15:01:58 +0300
commite961454738f4033eb2be68bde4b257ea9e0a7765 (patch)
tree507ca252e706a9c692b133b6e18fb8504c488837 /site/content/docs/5.1/components/progress.md
parent86d5d5ea79e8eaa15a28b9da92bbee53036640f6 (diff)
parent1df098361cac04217d6a464c80e890c4335ecb5c (diff)
downloadbootstrap-main-xmr-docs-render-heading.tar.xz
bootstrap-main-xmr-docs-render-heading.zip
Merge branch 'main' into main-xmr-docs-render-headingmain-xmr-docs-render-heading
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