title: How to pass dynamic values into an Angular directive?
body: <p>Data-binding to a directive's attributes results in an error <a href="http://jsbin.com/AjuCIHu/2/edit" rel="nofollow">demo</a>:</p>
  
  <pre><code>&lt;div goo-progressbar value="{{progress}}"&lt;/div&gt; 
  
  Error: Syntax Error: Token 'progress' is unexpected, expecting [:] at column 3 of the expression [{{progress}}] starting at [progress}}]. at Error (&lt;anonymous&gt;)
  </code></pre>
  
  <p>Is there a way to pass in live values so that I can have a dynamic directive?</p>