Progress

The HTML <progress> tag, implemented in Ruby.

Parameters

This component can take various optional configuration params and either yield content or display what gets passed to the text configuration param.

max (optional)

Expects an integer and sets the maximum value of the <progress> tag.

value (optional)

Expects an integer with a value equal to or below the max param.

HMTL attributes (optional)

This component accepts all the canonical HTML global attributes like id or class.

Examples

Example 1: Basic usage

progress id: 'my-id', class: 'my-class', value: 33, max: 330

returns

<progress id="my-id" max="330" value="33" class="my-class"></progress>

Example 2: Default value of 0 if none is set

progress max: 500

returns

<progress max="500" value="0"></progress>