Search results

Getting Started

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

Add ProgressButton to the project

To create simple ProgressButton add the ejs-progressbutton tag with id attribute as element in your Index.cshtml page.

tagHelper
default.cs
<ejs-progressbutton id="element" content="Spin Left"></ejs-progressbutton>
public IActionResult Default()
{
        return View();
}

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.

tagHelper
default.cs
<ejs-progressbutton id="element" content="Spin Left"></ejs-progressbutton>
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.

tagHelper
default.cs
<ejs-progressbutton id="spinleft" content="Spin Left" enableProgress="true"></ejs-progressbutton>
public IActionResult Default()
{
        return View();
}

See Also