title: How can I get progress bar dynamically in Angular
body: <p>I am looking for the solution for progress barstyling. All I want is to append styling basded on the percentage I am getting through backend. </p>
  
  <p><a href="https://i.stack.imgur.com/A2Soj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A2Soj.png" alt="enter image description here"></a></p>
  
  <p>Let say here I am getting 73% for the green. So All I want to apply class using </p>
  
  <pre><code>background: linear-gradient(to right, green 73%, orange 73% 100%); 
  </code></pre>
  
  <p>Now I want it in ts file. Let say I have class name 'progress-bar' so how can I append this styling in the class from ts file ?</p>
  
  <p>Note: I am looking for ts file solution as the progrss bar is dynamically generated so I don't have any html available for that. </p>