The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.
A visual representation of progress for loading content.
There are three types of progress bars, both often used in smaller viewports:
Indicates how much content is loaded (0-100%)
Indicates how much content is loaded (0-100%) plus a label presenting e.g. how much has been loaded
Shows that content is loading
Use this indicator when loading content within a page, widget or module. It indicates that content is loading and visualises the process from 0% to 100%.
Use this indicator when loading content within a page, widget or module. It indicates that content is loading and visualises the process from 0% to 100%. In addition to the bar you are able to highlight how much something has been loaded.
Use this indicator when loading content within a page, widget or module. It indicates that content is loading, but does not show how much is loaded.
Progress indicators should behave the same way regardless of device or resolution.
Multiple indicators can be shown at the same time to indicate that different content areas are loading. It is possible to use an indeterminate bar that results in an determinate bar (but not the other way around).They can also be queued in a sequence to show how additional content is loading, i.e. when expanding a row to show its details.
If the waiting time is long enough, you can show a text explaining to the user what
-