Progress bar
Progress bar
<div class="c-progressbar" data-uid="68fb3e8f5d7f9">
<div class="c-progressbar__value" style="width:25%;"></div>
</div>
<div class="c-progressbar u-margin__top--3 c-progressbar--cancelled" data-uid="68fb3e8f5d848">
<div class="c-progressbar__value" style="width:75%;"></div>
</div>@progressBar([
'value' => 25,
])
@endprogressBar
@progressBar([
'value' => 75,
'isCancelled' => true,
'classList' => ['u-margin__top--3']
])
@endprogressBarBlade component parameters
| Key | Default value | Type | Available values | Description |
| isCancelled | false | boolean | - | - |
| value | 0 | integer | - | - |
| id | string | - | The DOM id of the component. | |
| classList | [] | array | - | Array containing wrapping classes array |
| attributeList | [] | array | - | Array containing keys and values rendered as attributes |
| containerAware | false | boolean | true/false | Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component. |