Bulma Progress bars Sizes

Bulma progress bars are used as an indicator showing the completion progress of a task. It is displayed as a progress bar.

In this article, we will learn about different sizes of progress bars.

Bulma Progress Bar Sizes Classes:

• is-small: This class is used to set the progress bar size to small.
• is-normal: This class is used to set the progress bar size to normal.
• is-medium: This class is used to set the progress bar size to medium.
• is-large: This class is used to set the progress bar size to large.

Syntax:

<progress class="progress is-size" value="20" max="100">
 ....
</progress>

Example: The below example shows the use of progress bar size classes in Bulma.

Output:

👁 Bulma Progress bars Sizes

Reference Link: https://bulma.io/documentation/elements/progress/#sizes