Skip to content
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Westpac
St.George
Bank of Melbourne
Bank SA
Westpac Group
RAMS
Change brand
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Back to GEL
Home
Accessibility
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Foundation
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Components
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
A11y (Dev)
Accordions
Alerts
Autocomplete
Badges
Breadcrumbs
Buttons
Button dropdowns
Button groups
Checkboxes
Collapsible
Compacta
Date picker
Heading (Dev)
Input groups
Link (Anchor)
Lists
Modals
Pagination
Panels
Popovers
Progress bar
Progress indicator
Progress rope
Radios
Repeater
Selects
Selector
Switches
Symbols
Tables
Tabs
Text areas
Wells
Input groups
Patterns
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Development
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Content
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Design tokens
Active breakpoint:
SM
MD
LG
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Progress indicator
Design
Accessibility
Code
Progress indicators are used to show a state of loading.
Page content
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Progress indicator
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
User experience
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Visual design
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
Dos and don’ts
Progress indicator
Demo
Copyright © 2023 by Westpac Banking Corporation. All rights reserved.
User experience
Visual design
Dos and don’ts