ASP.NET Core ProgressBar Setup

Shield UI ProgressBar for ASP.NET Core is a server-side wrapper component implemented as an ASP.NET Core MVC Helper.

For a detailed guide how to setup Shield UI for your ASP.NET Core project, check out this page.

The ASP.NET Core MVC helper API is a 1:1 mapping of the JavaScript ProgressBar widget configuration, so you only have to get familiar with a single set of configuration options:

// JavaScript ProgressBar demo
$("#progress1").shieldProgressBar({
    value: 0,
    text: {
        enabled: true,
        template: "{0} %"
    }
});

// ASP.NET Core ProgressBar demo
@(Html.ShieldProgressBar()
    .Name("progress1")
    .HtmlAttribute("class", "prgr")
    .Value(0)
    .Text(tb => tb.Enabled(true).Template("{0} %")))    

To see the configuration options in action, please refer to our online demos.