Back to Designs page

Installation progress bar

Nir Farkas avatar

Author: Nir Farkas | Last edit: May 16, 2023 | Design type: Progress bar | Product area: Assisted Installer

A few words about steppers, progress bars and the differences between them

This entry will showcase the Assisted Installer's progress bar, but before we jump into this, I feel there's a need to explain here what is a progress bar, what is a stepper and when to use what.

What is A stepper?

It is a way to communicate that a process is currently undergoing and you're in its “x” step. Furthermore, as its name implies, is a visual way to represent a process (that takes time to complete) and is broken into coherent phases.

You should use a stepper when you want to visualize an action that is taking time to complete and has a definite set of linear sub-processes that need to be done to complete that action.

What is A progress bar?

It is a way to communicate that a process is undergoing and it completed “x”%.

You should use a progress bar when you want to visualize an action that is taking time to complete and you calculate the % of the action that was done.


The Assisted Installer's progress bar

The Assisted Installer's progress bar is a hybrid (don't you love this word (: ) between a stepper and a progress bar because it has access to the installation's sub-processes and can also calculate the percentage of work done out of the whole installation process.

This sounds complicated, but it's really intuitive. Let's see some designs:

In progress (no errors or warnings)

Error

Warning

completed successfully