New to Telerik UI for ASP.NET MVC? Download free 30-day trial

ProgressBarBuilder

Define the fluent interface for configuring the ProgressBar component.

Methods

Animation(System.Boolean)

Use to enable or disable the animation.

Parameters

enable - System.Boolean

The boolean value.

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Animation(false)
            )

Animation(System.Action)

Configures the animation effects.

Parameters

animationAction - System.Action<ProgressBarAnimationBuilder>

The action which configures the animation effects.

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Animation(a => a.Duration(200))
            )

AriaRole(System.Boolean)

If set to true the ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes.

Parameters

value - System.Boolean

The value for AriaRole

AriaRole()

If set to true the ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes.

ChunkCount(System.Int32)

Sets the number of chunks to which the ProgressBar will be divided (applies only when type is "chunk")

Parameters

count - System.Int32

The number of chunks

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Type(ProgressBarType.Chunk)
                .ChunkCount(10)
            )

Enable(System.Boolean)

Enables or disables the component

Parameters

value - System.Boolean

true if the component should be enabled, false otherwise; the default is true.

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Enable(false)
            )

Events(System.Action)

Configures the client-side events

Parameters

configurator - System.Action<ProgressBarEventBuilder>

The client events configuration action.

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Events(events => events
                         .Change("onChange"))
            )

Label(System.String)

The label that would be used as a aria-label for the ProgressBar element. Will be applied only if ariaRole is set to true.

Parameters

value - System.String

The value for Label

LabelId(System.String)

The ID of the element that will be used as a label of the ProgressBar. Will be used as a value of the aria-labelledby attribute. Will be applied only if ariaRole is set to true.

Parameters

value - System.String

The value for LabelId

Max(System.Double)

Sets the maximum value of the ProgressBar

Parameters

value - System.Double

Number specifying the maximum value

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Max(200)
            )

Min(System.Double)

Sets the minimum value of the ProgressBar

Parameters

value - System.Double

Number specifying the minimum value

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Min(50)
            )

Orientation(Kendo.Mvc.UI.ProgressBarOrientation)

Sets the orientation of the ProgressBar

Parameters

orientation - ProgressBarOrientation

ProgressBarOrientation enumeration specifying the orientation

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Orientation(ProgressBarOrientation.Vertical)
            )

Reverse(System.Boolean)

Specifies if the ProgressBar direction will be reversed

Parameters

value - System.Boolean

The boolean value

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Reverse(true)
            )

ShowStatus(System.Boolean)

Specifies if the Progress status will be displayed

Parameters

value - System.Boolean

The boolean value

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .ShowStatus(false)
            )

Type(Kendo.Mvc.UI.ProgressBarType)

Specifies the type of the ProgressBar

Parameters

type - ProgressBarType

ProgressBarType enumeration specifying the type

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Type(ProgressBarType.Percent)
            )

Value(System.Double)

Sets the initial value of the ProgressBar

Parameters

value - System.Double

Number specifying the value

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Min(100)
                .Max(200)
                .Value(100)
            )

Value(System.Boolean)

Sets the initial value of the ProgressBar

Parameters

value - System.Boolean

Pass false to set indeterminate value

Example


            @( Html.Kendo().ProgressBar()
                .Name("progressBar")
                .Min(100)
                .Max(200)
                .Value(false)
            )

ToComponent()

Returns the internal view component.

Name(System.String)

Sets the name of the component.

Parameters

componentName - System.String

The name of the component.

Example


            @(Html.Kendo().Grid<OrderViewModel>()
               .Name("grid")
               .Columns(columns =>
               {
                   columns.Bound(p => p.OrderID).Filterable(false);
                   columns.Bound(p => p.Freight);  
               })
               .DataSource(dataSource => dataSource
                   .Ajax()
                   .PageSize(20)
                   .Read(read => read.Action("Orders_Read", "Grid"))
               )
            )

Deferred(System.Boolean)

Suppress initialization script rendering. Note that this options should be used in conjunction with Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)

Parameters

deferred - System.Boolean

ModelMetadata(System.Web.Mvc.ModelMetadata)

Uses the Metadata of the Model.

Parameters

modelMetadata - System.Web.Mvc.ModelMetadata

The metadata set for the Model

HtmlAttributes(System.Object)

Sets the HTML attributes.

Parameters

attributes - System.Object

The HTML attributes.

HtmlAttributes(System.Collections.Generic.IDictionary)

Parameters

attributes - System.Collections.Generic.IDictionary<String,Object>

Render()

Renders the component.

Example


            @(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" )
            @( Html.Kendo().Grid(Model)
                .Name("grid")
                .DetailTemplate(product => {
                    )
                       Product Details:
                       <div>Product Name: @( product.ProductName )</div>
                       <div>Units In Stock: @( product.UnitsInStock )</div>
                    @(
                })
                .Render();
            )

ToHtmlString()

ToClientTemplate()

In this article
Not finding the help you need?