{% set title = 'Progress' %} {% set filename = 'component-progress.html' %} {% extends 'src/layouts/master.html' %} {% block content %}

### Progress

Examples for how to use Bootstrap’s included progress components.

#### Default

Use class `.progress-bar-{color-name}` to add different colors to progressbar.

#### Progress Label

Use class `.progress-bar-{color-name}` to add different colors to progressbar.

#### Progress Striped

Add `.progress-bar-striped` to any `.progress-bar` to apply a stripe via CSS gradient over the progress bar’s background color.

#### Progress Sizes

For Default progress, No size class needed. you can use class `.progress-sm` or `.progress-lg` with `.progress` to change size of your progress bar.

{% endblock %}