Progress Bar
A bar to indicate the completed progress of a task.
This is a pass through component from React-Bootstrap.
See React-Bootstrap for documentation.
Basic Usage
Basic Usage (Inverse Pallete)
Theme Variables (SCSS)
// Progress bars$progress-height: 1rem !default;$progress-font-size: $font-size-base * .75 !default;$progress-bg: transparent !default;$progress-border-radius: 0 !default;$progress-box-shadow: none !default;$progress-bar-color: $white !default;$progress-bar-bg: theme-color("accent-a") !default;$progress-bar-animation-timing: 1s linear infinite !default;$progress-bar-transition: width .6s ease !default;$progress-bar-border-width: 1px !default;$progress-bar-border-color: $gray-500 !default;