ASP.NET MVC
EditEdit This DocumentInstall NuGet
Demos
Support
Forum
Upgrade Guide
FREE TRIAL
Search results

Customize progress using cssClass in ASP.NET MVC Progress Button control

You can customize the background filler UI using the cssClass property.

  • Adding e-vertical to cssClass shows vertical progress.
  • Adding e-progress-top to cssClass shows progress at the top.

You can also show reverse progress by adding custom class to the cssClass property.

razor
default.cs
@Html.EJS().ProgressButton("vprogress").Content("Vertical Progress").EnableProgress(true).CssClass("e-hide-spinner e-vertical").Duration(4000).Render()
@Html.EJS().ProgressButton("tprogress").Content("Progress Top").EnableProgress(true).CssClass("e-hide-spinner e-progress-top").Duration(4000).Render()
@Html.EJS().ProgressButton("rprogress").Content("Reverse Progress").EnableProgress(true).CssClass("e-hide-spinner e-reverse-progress").Duration(4000).Render()

<style>
    .e-reverse-progress .e-progress {
        right: 0;
        left: auto;
    }

    button {
        margin: 25px;
    }
</style>
public ActionResult Default()
{
        return View();
}
Previous
Next