title: Dynamically add styles from array Vue
body: <p>I have some progress bar the width of which are getting from data from the array. The color of this bar depends on the same data. There are 3 colors if progress is 0 the color is grey, more than 0 its blue, and if it 100 its should be green. </p>
  
  <pre><code>&lt;div class="card-item" v-for="item in status" :key="item.id"&gt; // loop
    &lt;div class="progress-item"&gt;
      &lt;span&gt;{{item.progress}}%&lt;/span&gt; // data from arr
        &lt;div class="progress-bar"&gt;
          &lt;div class="progress-bar-inner" :style="{width: item.progress}"&gt;&lt;/div&gt; // width in style should in %
        &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Maybe i should to write the function?</p>