Progress Bar

<sw-progress-bar>

ready
Renders a progressbar to indicate progress

Usage

Loading...
<sw-progress-bar :value="0" :maxValue="480"></sw-progress-bar>

Component properties

Property name Type Default
value Number 0
maxValue Number 100

Imports

  • ./sw-progress-bar.html.twig
  • ./sw-progress-bar.scss

SASS variables

Variable name Value
$sw-progress-bar-value-color $color-shopware-blue ($color-shopware-brand-500)
$sw-progress-bar-background-color lighten($color-gutenberg, 40%)
$sw-progress-bar-height 8px

Twig blocks

  • sw_progress_bar_total_value
  • sw_progress_bar_total
  • sw_progress_bar