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
@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)