Hmm. Any reason to why you prefer a bar over a looping animation?
Thread
Any one able to give me advice on how to make a progress bar that doesn’t “know” when it’s going to finish? I know I can use a looping animation until it’s done but would prefer a loading bar.
Looping is better if “finish” point is unknown. Otherwise, it’d be misleading and confusing. Users may think it’s running into an error. I’m on your side! 💪🏽
react has an “indefinite” state for their progress bar which you could use. There are also a few looping loading states that mimic a progress bar, such this little animation from the obsidian mobile app
I’ve looked at using this (with the indeterminate prop): mui.com/material-ui/re…
Circular, Linear progress React components - Material UI
Progress indicators commonly known as spinners, express an unspecified wait time or display the length of a process.
mui.com
You could make one that transitions smoothly from 0% -> 50% -> 66% -> 75% -> 80% -> ... . The ratios are 0/1, 1/2, 2/3, 3/4, 4/5 and so on, until your task is complete and it can go to 100%. That way it doesn't just pause at 99% like most do, and it feels continuous