Dynamically Loaded Page Elements
It's common to see an action get triggered that returns a result dynamically. It does not rely on the page to reload or finish loading. The page automatically gets updated (e.g. hiding elements, showing elements, updating copy, etc) through the use of JavaScript.
There are two examples. One in which an element already exists on the page but it is not displayed. And anonther where the element is not on the page and gets added in.
Example 1: Element on page that is hidden and become visible after trigger
Example 2: Element on the page that is rendered after the trigger
Example 3: Element on page that is hidden and become visible after 5 seconds
Example 4: Element on the page that is rendered after 5 seconds
Example 5: Loading overlay that disappears after time
Example 6: Loading overlay that disappears and disappears again
Example 7: Loading page title after 5 seconds