Appearance
You can apply a 100% width to the ProgressBar and auto-resize it.
By default, the ProgressBar is a 27em
wide inline-block
element. The easiest cross-browser technique to make it expand and resize automatically is to apply a couple of CSS styles to the originating element.
The following example demonstrates how to make the ProgressBar 100% wide and automatically resizable.
<style>
#progressbar
{
width: auto;
display: block;
}
</style>
<div id="progressbar"></div>
<script>
$(function(){
$("#progressbar").kendoProgressBar();
});
</script>