title: How to concat a string value in CSS property in Angular template
body: <p>I have a CSS property value pair something like this:</p>
  
  <pre><code>style="width:60%"
  </code></pre>
  
  <p>This works fine. But when I try to concat something like this inside of ng-repeat:</p>
  
  <pre><code>               &lt;tbody ng-show="!vm.loading"&gt;
                      &lt;tr ng-repeat="item in vm.currentBatches.items | orderBy: vm.sortBy.current_batch"&gt;
  
  
                          &lt;td class="table-text" ng-show="!item.showRefreshForApiLoading"&gt;
  
  
                                  &lt;div class="progress progress-medium" ng-show="item.batch_status==='in progress'"&gt;
                                      &lt;div class="progress-inner"&gt;
                                          &lt;div class="segment" style="'width: "+item.succeeded_time_pct+"%"&gt;
                                          &lt;div class="bar status-ok bar-striped"&gt;&lt;/div&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;span class="progress-label status-ok" ng-show="item.batch_status==='in progress' &amp;&amp; item.progressFlag !== 'NA'"&gt;In Progress&lt;/span&gt;
  </code></pre>
  
  <p>Why does this not work ?</p>
  
  <pre><code>style="width: "+item.succeeded_time_pct+"%"&gt;
  </code></pre>
  
  <p>This says <code>CSS property value expected</code>,</p>
  
  <p>What am I doing wrong?</p>