title: Bound Progress Bar Is Lost When Kendo Tree List Expands
body: <p>I have bound a progress bar inside a Tree View as given.</p>
  
  <pre><code>&lt;script id="progressField" type="text/x-kendo-template"&gt;
    #if(CurrentStatus == "Progress")
    {#
       &lt;div class='progressDetails'&gt;&lt;/div&gt;
    #}
    else if(CurrentStatus == "Error")
    {#
        // Other task
    #}
  &lt;/script&gt;
  </code></pre>
  
  <p>And added the same to Tree List View as given</p>
  
  <pre><code>columns: [ 
      { field: "CurrentStatus", title: "Status", template: $("#progressField").html(), width: "170px" }
  ],
  </code></pre>
  
  <p>And updated the same on DataBound</p>
  
  <pre><code>    function dataBound(e) {
  
       var tree = this;
       $(".progressDetails").each(function () {
       var row = $(this).closest("tr");
       var model = tree.dataItem(row);
  
       $(this).kendoProgressBar({
  
        change: function (e) {
         if (model.CurrentStatus == "Progress") {
             colorCode = "#235400";
         } 
  
         this.progressWrapper.css({
              "background-color": colorCode,
              "border-color": colorCode
         });
  
       }
    });
  
    $(this).data("kendoProgressBar").value(model.Percentage);
    });
  };
  </code></pre>
  
  <p>On load, sorting, and filtering the tree list the progress bar shows up. However when I click on expand arrow, the progress bar is not showing up.</p>