📜  Bulma 进度条尺寸

📅  最后修改于: 2022-05-13 01:56:53.630000             🧑  作者: Mango

Bulma 进度条尺寸

Bulma 进度条用作显示任务完成进度的指示器。它显示为进度条。

在本文中,我们将了解不同大小的进度条。

Bulma 进度条大小类:

  • is-small:该类用于将进度条的大小设置为小。
  • is-normal:该类用于设置进度条大小为正常。
  • is-medium:该类用于将进度条大小设置为中等。
  • is-large:该类用于将进度条的大小设置为大。

句法:


   ....

示例:以下示例显示了 Bulma 中进度条大小类的使用。

HTML


  

    Bulma Progress bar Size
    

  

    

      GeeksforGeeks     

    Bulma Progress Bar Sizes     
                  
Small Size Progress Bar
        20%            
Normal Size Progress Bar
        40%            
Medium Size Progress Bar
        60%                    
Small Progress Bar
        80%     
  


输出:

Bulma 进度条尺寸

Bulma 进度条尺寸

参考链接: https://bulma.io/documentation/elements/progress/#sizes