A website I created showcases a variety of progress bars, each representing the progress of various backend tasks.
For example:
<div ng-repeat="job in jobs">
<div id="progressbar">...</div>
</div>
I am using a $resource for the list of jobs and an Angular controller that continuously checks this resource for any updates. However, every time it updates the jobs list, the progress bars on the front end tend to flicker. Here's how the job list from the backend looks like:
[
{"name": "job1", "completion": 0.6},
{"name": "job2", "completion": 0.7}
]
Is there a way in Angular to prevent this flickering issue? Or do I need to approach this problem differently? I want to update the completion percentages while also adding new jobs that have started on the backend to the list.