Test ProgressBar inside TabStrip

by redaemn

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1119/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.web.min.js"></script>
<div id="tabstrip">
    <ul>
        <li class="k-state-active">
            Uno
        </li>
        <li>
            Due
        </li>
    </ul>
    <div>
        Uno
        <div id="profileCompleteness"></div>
    </div>
    <div>
        Due
    </div>
</div>

JavaScript

jQuery(function($) {
    
     $("#tabstrip").kendoTabStrip({
         animation:  {
             open: {
                 effects: "fadeIn"
             }
         }
     });
    
    var pb = $("#profileCompleteness").kendoProgressBar({
        type: "chunk",
        chunkCount: 5,
        min: 0,
        max: 5,
        value: 2
    }).data("kendoProgressBar");
    
});