title: How to make star rating using angular 7 material icon button?
body: <p><strong>SCENARIO:</strong>
  I have created a <strong>ratings option</strong> using material <strong>icon-button</strong> as follow:</p>
  
  <p><a href="https://i.stack.imgur.com/yI2UC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yI2UC.png" alt="Rating"></a></p>
  
  <p><strong>Expected Result:</strong></p>
  
  <ul>
  <li>I want to change the <strong>color</strong> of <code>icon-button</code> up to how much user going to select like this:</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/0n5m2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0n5m2.png" alt="enter image description here"></a></p>
  
  <ul>
  <li>I need to take value like 3,3.5,4 depending on the users selection.</li>
  </ul>
  
  <p><strong><a href="https://stackblitz.com/edit/angular-v337tr?file=app/button-types-example.html" rel="nofollow noreferrer">DEMO</a></strong> </p>