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.

<ejs-progressbutton id="element" content="Spin Left"></ejs-progressbutton>

public IActionResult Default()
{
        return View();
}

Output be like the below.

Run the application

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

The following example shows a basic ProgressButton component.

<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.

<ejs-progressbutton id="spinleft" content="Spin Left" enableProgress="true"></ejs-progressbutton>

public IActionResult Default()
{
        return View();
}

See Also

• Spinner and Progress options