Progress

Documentation and examples for using Bootstrap custom progress bars featuring
support for stacked bars, animated backgrounds, and text labels.

Default

Use @Html.LLG().Progress() method to create a progress





@Html.LLG().Progress().Value(0)
@Html.LLG().Progress().Value(25)
@Html.LLG().Progress().Value(50)
@Html.LLG().Progress().Value(75)
@Html.LLG().Progress().Value(100)
                        

Height

use .Height(string height) method to set height




@Html.LLG().Progress().Value(25).Height("1px")
@Html.LLG().Progress().Value(25).Height("4px")
@Html.LLG().Progress().Value(50).Height("8px")
@Html.LLG().Progress().Value(75).Height("2.6rem") 
                        

Labels

use .Label(string label) method to set label

25%

Bootstrap
@Html.LLG().Progress().Value(25).Label("25%")
@Html.LLG().Progress().Value(50).Label("Bootstrap")
                        

Color

use .Color(BootstrapColor color) method to set color. Default color is BootstrapColor.Primary






@Html.LLG().Progress().Value(25).Color(BootstrapColor.Danger)
@Html.LLG().Progress().Value(40).Color(BootstrapColor.Dark)
@Html.LLG().Progress().Value(55).Color(BootstrapColor.Primary)
@Html.LLG().Progress().Value(70).Color(BootstrapColor.Secondary)
@Html.LLG().Progress().Value(85).Color(BootstrapColor.Success)
@Html.LLG().Progress().Value(100).Color(BootstrapColor.Warning)
                        

Striped

use .Striped(bool animatedStripes = false) method to set striped.


Animated Stripes

@Html.LLG().Progress().Value(55).Striped()
@Html.LLG().Progress().Value(85).Striped(true)
                        

Methods

Alerts are available for any length of text, as well as an optional dismiss button

Method Description

.Method(bool value)

Comming soon.