Progress
Progress bars for loading states, completion status, and data visualization. Supports striped, animated, and indeterminate modes.
Variants
Primary
Success
Warning
Error
Info
<?= ws_progress(75, ['variant' => 'primary']) ?> <?= ws_progress(100, ['variant' => 'success']) ?> <?= ws_progress(50, ['variant' => 'warning']) ?>
With Label & Value
Uploading file...
65%
Complete
100%
<?= ws_progress(65, [
'variant' => 'primary',
'label' => 'Uploading file...',
'showValue' => true
]) ?>Sizes
Small
Medium (default)
Large
Striped & Animated
Striped
Animated Stripes
<?= ws_progress(70, ['striped' => true, 'animated' => true]) ?>
Indeterminate
Loading (unknown progress)
Loading...
<?= ws_progress(0, ['indeterminate' => true]) ?>