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

Customize progress using cssClass in ASP.NET MVC ProgressButton 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