Add a State property to an Inline Style in React
<p>I have a react element that has an inline style like this: (Shortened version)</p>

<pre><code>      &lt;div className='progress-bar'
           role='progressbar'
           style={{width: '30%'}}&gt;
      &lt;/div&gt;
</code></pre>

<p>I want to replace the width with a property from my state, although I'm not quite sure how to do it. </p>

<p>I tried:</p>

<pre><code>      &lt;div className='progress-bar'
           role='progressbar'
           style={{{width: this.state.percentage}}}&gt;
      &lt;/div&gt;
</code></pre>

<p>Is this even possible?</p>