bh

v0.0.16

bh v0.0.16 Bh.Bh4.Progress View Source

Twitter Bootstrap 4 progress bar helpers for Phoenix.

Examples

Real live examples can be found on the site of the Project.

Link to this section Summary

Functions

bh_progress(opts \\ [])

Generates progress bar HTML markup.

Link to this section Functions

Link to this function

bh_progress(opts \\ [])

View Source

Generates progress bar HTML markup.

Options

  • :percentage - used as a value of a progress bar. Default value - 0 (zero progress).

  • :context - context of the progress bar. Be default context is not needed, so helper renders blue proggress bar. Allowed options: :success, :info, :warning and :danger.

  • :striped - boolean value. Pass true if you need striped progress bar. By default progress bar is not striped.

  • :animated - boolean value. Pass true if you need animated progress bar. Be default progress bar has no CSS3 amination.

Examples

Render default HTML5 progress:

<%= bh_progress percentage: 50 %>
<progress class="progress" max="100" value="50">50%</progress>