x
1
2
3
4
5
6
<div class="content">
<progress class="progress is-small" value="15" max="100"></progress>
<progress class="progress is-normal" value="30" max="100"></progress>
<progress class="progress is-medium" value="45" max="100"></progress>
<progress class="progress is-large" value="60" max="100"></progress>
</div>
1
2
3
4
5
6
<%= bulma_content do %>
<%= bulma_progress_bar 15, max: 100, size: :small %>
<%= bulma_progress_bar 30, max: 100, size: :normal %>
<%= bulma_progress_bar 45, max: 100, size: :medium %>
<%= bulma_progress_bar 60, max: 100, size: :large %>
<% end %>