Progressbar TagHelper

This tag helper provides a less verbose syntax for showing a Bootstrap Progress Bar . The progress value can be retrieved from your model or set directly in Razor. Optional attributes can be used to set the min and max values of the progress, which can be useful when displaying user progress through a series of steps.

Simple Progress:

Code:

<div bs-progress-value="66">
</div>

Simple Progress From Model:

Code:

<div bs-progress-value="@Model.CurrentProgress">
</div>

Simple Progress within Range:

Code:

<div bs-progress-value="2" bs-progress-min="0" bs-progress-max="5">
</div>