Progress bars

Progress bars are usually used to show the state of an ongoing process.

Currently two types of progress bars are supported by Materialize: determinated and indeterminated. The latter is animated by default.

Indeterminate

<?= \macgyer\yii2materializecss\widgets\Progress::widget() ?>


        <div id="w0" class="progress">
            <div class="indeterminate"></div>
        </div>

Rendered result

Determinate


<?= \macgyer\yii2materializecss\widgets\Progress::widget([
    'type' => 'determinate',
    'value' => 67
]); ?>


        <div id="w1" class="progress">
            <div class="determinate" style="width: 67%;"></div>
        </div>

Rendered result

View source in repository