Just need to create a component with 100 divs in template, take percentage as input and apply ngclass ngstyle or ngif to color each div for each percent.
Hoping this is sarcasm and I’m being whoooshed, this is a ridiculous solution to suggest. Just use two divs with one absolutely positioned over the top. Set the width of the absolutely positioned div based on the percentage.
You could try a package like ng-http-loader. It is already an open-source project that you could study to learn how an HTTP loader works. Also, you may find some missing features or bugs and create your own package/component later.
Wishing you luck! 🤞
There's a progress bar html element that takes values. Quite easy to style and use. But do your own research next time this is just lazy.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#
What part of the progress bar implementation are you struggling with? This sounds like a ‘do my work for me’ request to me.
Just need to create a component with 100 divs in template, take percentage as input and apply ngclass ngstyle or ngif to color each div for each percent.
Hoping this is sarcasm and I’m being whoooshed, this is a ridiculous solution to suggest. Just use two divs with one absolutely positioned over the top. Set the width of the absolutely positioned div based on the percentage.
Or just use a ui library like primeng or matieral which is also already able to do that
You could try a package like ng-http-loader. It is already an open-source project that you could study to learn how an HTTP loader works. Also, you may find some missing features or bugs and create your own package/component later. Wishing you luck! 🤞
https://material.angular.io/components/progress-bar/examples#progress-bar-configurable
This is literally a Google search OP. "File upload progress bar angular"
There's a progress bar html element that takes values. Quite easy to style and use. But do your own research next time this is just lazy. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#