Admin: Design - Change loader circle to line

[machikoyasuda]

On the final part of the In-Person verification flow, use a horizontal line that animates towards the right, instead of a loading circle:

I do not think this is part of USWDS but not entirely sure!

This is the lowest priority ticket.

[machikoyasuda]

@ohmegasquared Animation-wise, does this look like what you'd designed:

https://codepen.io/machikoyasuda/pen/dPypYVQ

Uses the Bootstrap progress bar, https://getbootstrap.com/docs/5.3/components/progress/, and then animates it with a simple 0 to 100 animation going right.

[ohmegasquared]

Since this stage may take some undefined amount of time, I was suggesting an indeterminate progress animation

[machikoyasuda]

@ohmegasquared Oh this looks great. Where is this screenshot from??

[machikoyasuda]

@ohmegasquared Nevermind. I found it. How is this: https://codepen.io/machikoyasuda/pen/dPypYVQ

[ohmegasquared]

Yes! I think if it can be a bit slower that would be great!

the website is - https://fastbootstrap.com/components/progress-bar/

[machikoyasuda]

Slowed it down from 2 seconds to 5 seconds: https://codepen.io/machikoyasuda/pen/dPypYVQ