Properties

animationDuration int 300

Sets or gets the animationDuration property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
colorRanges List<string> []

Sets or gets the colorRanges property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
height int null

Sets or gets the height property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
layout string "normal"

Sets or gets the layout property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
max int 100

Sets or gets the max property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar ></jqx-progress-bar>
min int 0

Sets or gets the min property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
orientation string 'horizontal'

Sets or gets the orientation property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
renderText string null

Sets or gets the renderText property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
showText bool false

Sets or gets the showText property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
template string 'default'

Sets or gets the template property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
theme string ''

Sets or gets the theme property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
value int 0

Sets or gets the value property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>
width int null

Sets or gets the width property.

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar theme="arctic"></jqx-progress-bar>

Events

complete Event

Code examples

Bind to the complete event of jqxProgressBar. 

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar on-complete="eventHandler()"></jqx-progress-bar>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
invalidvalue Event

Code examples

Bind to the invalidvalue event of jqxProgressBar. 

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar on-invalidvalue="eventHandler()"></jqx-progress-bar>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
valueChanged Event

Code examples

Bind to the valueChanged event of jqxProgressBar. 

<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar on-value-changed="eventHandler()"></jqx-progress-bar>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Methods

actualValue Method 
<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar instance="getInstance()"></jqx-progress-bar>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["actualValue"](20,20);									
	}									
</script>									
}
destroy Method 
<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar instance="getInstance()"></jqx-progress-bar>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
val Method 
<script src="~/jqwidgets/jqxprogressbar.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<jqx-progress-bar instance="getInstance()"></jqx-progress-bar>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["val"]();									
	}									
</script>									
}