I'm actually looking at circular progress bars that can fit in the 45px x 45px space, as such there's a limit to what can be displayed (so the typical long and narrow progress bar isn't going to work well there).
I was wondering if there are examples of similar behaviours that have been implemented for displaying progress to the user like the one described below:
It certainly looks possible because component libraries have the various behaviours required like this one: https://mui.com/material-ui/react-progress/
Generally it is not a good idea to have too many interactions and states in a component, but I can see this being something used in applications where you have to download multiple things and maybe pausing is a preferred primary behaviour to cancelling.
Basically it just involves replacing the label used to indicate the progress to the pause state, but you still want to display the progress rather than hiding it when it is in the paused state (since you don't want the user to unpause just to see the progress).
