Search results

Getting Started

This section briefly explains about how to include a simple ProgressButton in your ASP.NET MVC application. You can refer ASP.NET MVC Getting Started documentation page for introduction part of the system requirements and configure the common specifications.

Add ProgressButton to the project

We are going to render ProgressButton component in Index.cshtml page.

razor
@Html.EJS().ProgressButton("element").Content("Spin Left").Render()

Output be like the below.

ProgressButton Sample

Run the application

After successful compilation of your application, simply press F5 to run the application.

The following example shows a basic ProgressButton component.

razor
default.cs
@Html.EJS().ProgressButton("element").Content("Spin Left").Render()
public IActionResult Default()
{
        return View();
}

ProgressButton supports different styles, types and sizes like Button. In addition, it also support top and bottom position of the icon.

Enabling progress in button

You can enable the background filler UI by setting the enableProgress property to true.

razor
default.cs
@Html.EJS().ProgressButton("spinleft").Content("Spin Left").EnableProgress(true).Render()
public IActionResult Default()
{
        return View();
}

See Also