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.

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

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

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

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

returns

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

progress max: 500

returns

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

Last updated 2 years ago