--- layout: single elementName: progress ---

# progress

Defines a progress bar.

Example: Copy

Progress
{% highlight html %}Progress{% endhighlight %}

Example: Copy

Alex
Brandon
Charlotte
Sam
{% highlight html %}Alex
Brandon
Charlotte
Sam {% endhighlight %}

value

Defines the value of the progress bar, on the scale defined by the max attribute.

Required.

"0.7"

You can use decimal and negative numbers. It must be between the min and max values.

"-42"

If you use a value that is lower than the minimum, the progress bar will be empty.

"63"

If you use a value that is higher than the maximum, the progress bar will be full.

max

Defines the maximum value possible on the progress bar.

"1"

Default.

You can use decimal and negative numbers.

"100"

You can use decimal and negative numbers.