diff --git a/images/ui/progress_indicators/blocking_progress.png b/images/ui/progress_indicators/blocking_progress.png
new file mode 100644
index 00000000000..e3203a11ac6
Binary files /dev/null and b/images/ui/progress_indicators/blocking_progress.png differ
diff --git a/images/ui/progress_indicators/blocking_progress_dark.png b/images/ui/progress_indicators/blocking_progress_dark.png
new file mode 100644
index 00000000000..9c7fb3e7f0e
Binary files /dev/null and b/images/ui/progress_indicators/blocking_progress_dark.png differ
diff --git a/images/ui/progress_indicators/input.png b/images/ui/progress_indicators/input.png
new file mode 100644
index 00000000000..a577da3b909
Binary files /dev/null and b/images/ui/progress_indicators/input.png differ
diff --git a/images/ui/progress_indicators/input_dark.png b/images/ui/progress_indicators/input_dark.png
new file mode 100644
index 00000000000..15ca844909e
Binary files /dev/null and b/images/ui/progress_indicators/input_dark.png differ
diff --git a/images/ui/progress_indicators/search.png b/images/ui/progress_indicators/search.png
new file mode 100644
index 00000000000..3cdfa49db8f
Binary files /dev/null and b/images/ui/progress_indicators/search.png differ
diff --git a/images/ui/progress_indicators/search_dark.png b/images/ui/progress_indicators/search_dark.png
new file mode 100644
index 00000000000..88398b91805
Binary files /dev/null and b/images/ui/progress_indicators/search_dark.png differ
diff --git a/images/ui/progress_indicators/tree_loader.png b/images/ui/progress_indicators/tree_loader.png
new file mode 100644
index 00000000000..36d3635e605
Binary files /dev/null and b/images/ui/progress_indicators/tree_loader.png differ
diff --git a/images/ui/progress_indicators/tree_loader_dark.png b/images/ui/progress_indicators/tree_loader_dark.png
new file mode 100644
index 00000000000..38e19a7e954
Binary files /dev/null and b/images/ui/progress_indicators/tree_loader_dark.png differ
diff --git a/images/ui/progress_indicators/tree_loader_text.png b/images/ui/progress_indicators/tree_loader_text.png
new file mode 100644
index 00000000000..b1e20d930b5
Binary files /dev/null and b/images/ui/progress_indicators/tree_loader_text.png differ
diff --git a/images/ui/progress_indicators/tree_loader_text_dark.png b/images/ui/progress_indicators/tree_loader_text_dark.png
new file mode 100644
index 00000000000..90c7af8b7c7
Binary files /dev/null and b/images/ui/progress_indicators/tree_loader_text_dark.png differ
diff --git a/topics/ui/controls/progress_indicators.md b/topics/ui/controls/progress_indicators.md
index 6615f4ded7c..aa2176c5444 100644
--- a/topics/ui/controls/progress_indicators.md
+++ b/topics/ui/controls/progress_indicators.md
@@ -16,51 +16,37 @@ Progress indicators inform users about an ongoing operation. There are three typ
 * [Progress text](progress_text.md)
 * [Progress bar](progress_bar.md)
 
-## Which indicator to use
-
 If an operation lasts for less than a second in most cases, do not show any progress indicator. Progress indicators for a short operation are distracting.
 
-If the user has to wait until a process completes to continue working with the app, show a progress bar in a modal dialog.
-
-![](progress_dialog.png){width=440}
-
-If the progress is non-modal, select progress indicator based on where it appears.
-
-* [Input field, combo box, drop-down](#input-field-combo-box-drop-down)
-
-* [Search field](#search-field)
-
-* [Tree, list, tool window](#tree-list-tool-window)
-
-* [Breadcrumb and dialog label](#breadcrumb-and-dialog-label)
+## Which indicator to use
 
-* [Settings dialog](#settings-dialog)
+### Blocking process
 
-* [Empty state](#empty-state)
+If the user has to wait until a process completes to continue working with the app, show a progress bar in a modal dialog.
 
-* [Main window](#main-window)
+![](blocking_progress.png){width=706}
 
 ### Input field, combo box, drop-down
 
 Place the loader inside an input field on the right to show that the field content is being loaded or checked.
 
-![](combo_box_loader.png){width=201}
+![](input.png){width=706}
 
 ### Search field
 
 Place the loader on the right to show that search is being performed.
 
-![](search_field_loader.png){width=262}
+![](search.png){width=706}
 
 ### Tree, list, tool window
 
 If each tree node loads independently, and it’s important to know the current state of each node, show the loader instead of the node icon:
 
-![](tree_loader_icon.png){width=372}
+![](tree_loader.png){width=706}
 
 If nodes do not have icons, or icons can’t be replaced for some reason, show progress text after the node’s label:
 
-![](tree_text.png){width=400}
+![](tree_loader_text.png){width=706}
 
 If the loader applies to the whole content, place it in the top right corner: