[G2M] - Add progress bar for Toast component

[kc-leung]

fix #70

• Created ProgressBar component
• Added ProgressBar into Toast component

[sallkall]

Need to smooth out the progress bar a bit more right now it is very choppy. Some ideas:

• https://codepen.io/md-khokon/pen/wLzLZN
• https://codepen.io/kman/pen/Lncta

the animation looks fine during a short countdown I guess this choppy issue is only relevant for 10 seconds ish durations

[kc-leung]

Need to smooth out the progress bar a bit more right now it is very choppy. Some ideas:

• https://codepen.io/md-khokon/pen/wLzLZN
• https://codepen.io/kman/pen/Lncta

the animation looks fine during a short countdown I guess this choppy issue is only relevant for 10 seconds ish durations

mmm right, Let me try using keyframes (animation) so it forces the browser to use the GPU instead of CPU maybe it will look smoother

[kc-leung]

@hyx131 It is almost the same, actually sometimes looks worse when the pc is lagging so I will just keep it this way you can just review it

[github-actions[bot]]

📚 Storybook preview (updated to 2ae4c8001eab144115bc83f1d419258c250796d9)