Indicator

Indicators inform users of progress of an ongoing process or state. Sometimes by showing a bar to show ongoing progress, or create a sense of wait by showing shimmer or loading indicator.

Progress Bar

Usage
Specs

Progress bar indicators are used to show progress of a flow, a form entry(like in gopay kyc) or in case of loading page content.

usage example image

Shimmer

Usage

Shimmers are used with placeholder to show loading content on a page or card. They are used in content heavy situations where a lot of content are loaded simultaneously(like in gofood restaurant pages).

usage example image

Geolocation

Usage
Anatomy
Specs

The geolocation indicator represents users current location in a map view. The marker moves when user location changes. It is always used over a map background to guide the user reach the pickup point(like in goride).

usage example image