New to Kendo UI for jQuery? Download free 30-day trial

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>

See Also

In this article