diff options
Diffstat (limited to 'site/content/docs/5.1/components/progress.md')
-rw-r--r-- | site/content/docs/5.1/components/progress.md | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/site/content/docs/5.1/components/progress.md b/site/content/docs/5.1/components/progress.md index fccd546c60..8fbba3be77 100644 --- a/site/content/docs/5.1/components/progress.md +++ b/site/content/docs/5.1/components/progress.md @@ -129,10 +129,18 @@ The striped gradient can also be animated. Add `.progress-bar-animated` to `.pro </div> {{< /example >}} -## Sass +## CSS ### Variables +{{< added-in "5.2.0" >}} + +As part of Bootstrap's evolving CSS variables approach, progress bars now use local CSS variables on `.progress` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. + +{{< scss-docs name="progress-css-vars" file="scss/_progress.scss" >}} + +### Sass variables + {{< scss-docs name="progress-variables" file="scss/_variables.scss" >}} ### Keyframes |