Bulma ViewComponents
x
1
2
3
4
5
6
7
8
<div class="content">
  <progress class="progress is-primary" value="15" max="100"></progress>
  <progress class="progress is-link" value="30" max="100"></progress>
  <progress class="progress is-info" value="45" max="100"></progress>
  <progress class="progress is-success" value="60" max="100"></progress>
  <progress class="progress is-warning" value="75" max="100"></progress>
  <progress class="progress is-danger" value="90" max="100"></progress>
</div>
1
2
3
4
5
6
7
8
<%= bulma_content do %>
  <%= bulma_progress_bar 15, max: 100, color: :primary %>
  <%= bulma_progress_bar 30, max: 100, color: :link %>
  <%= bulma_progress_bar 45, max: 100, color: :info %>
  <%= bulma_progress_bar 60, max: 100, color: :success %>
  <%= bulma_progress_bar 75, max: 100, color: :warning %>
  <%= bulma_progress_bar 90, max: 100, color: :danger %>
<% end %>

No notes provided.

No params configured.