tabler/pages/_docs/progress.md

title, description

title	description
Progress	A progress bar can be used to show a user how far along he is in a process.

Default markup

To create a default progress bar, add a .progress class to a <div> element:

{% example html %} {% include ui/progress.html %} {% endexample %}

Small progress

{% example html %} {% include ui/progress.html percentage=57 size="sm" %} {% endexample %}

Progress with value

{% example html %} {% include ui/progress.html percentage=75 show-value=true %} {% endexample %}

Indeterminate progress

{% example html %} {% include ui/progress.html indeterminate=true size="sm" %} {% endexample %}

Native progress element

You can also use native HTML5 <progress> element.

{% example html %} {% endexample %}