hubmapconsortium / hra-ui

HRA UIs Monorepo (includes HRA Portal, EUI, RUI, ASCT+B Reporter, and more)

MIT License

4 stars 2 forks source link

Determinate progress bar #622

Open LibbyUX opened 1 month ago

LibbyUX commented 1 month ago

Katy noted that the CDE took a while to load in the sample data. Progress indicators for overall apps are needed. Bruce mentioned that development may be able to return a percentage. I also need to look into the subtle flashing block loading UI: This is a super common modern app loading pattern.

LibbyUX commented 1 week ago

Determinate progress bar

Design System Repo
Explorer Components

Please add Angular Material's Determinate Progress Bar in HRA colors. Let's use the default determinate progress bar behavior.

This progress bar should be visible at the top of every interface if loading is not instantaneous. This progress bar may also be used in upload components, such as the CDE's Upload Data UI.