Menu
Loader
UI Docs
Getting Started New in 2.4
Introduction
Integrations Build Tools Recipes Glossary
Usage
Theming Layouts
Globals
Reset Site
Elements
Button Container Divider Flag Header Icon Image Input Label List Loader Placeholder Rail Reveal Segment Step
Collections
Breadcrumb Form Grid Menu Message Table
Views
Advertisement Card Comment Feed Item Statistic
Modules
Accordion Checkbox Dimmer Dropdown Embed Modal Popup Progress Rating Search Shape Sidebar Sticky Tab Transition
Behaviors
API Form Validation Visibility

Loader
A loader alerts a user to wait for an activity to complete

3 Themes
Download

UI Framework

Themable
Build Tools
Choose

Standalone

Default Theme
Precompiled
Choose
Semantic UI
Download ZIP Getting Started

Package Managers

Standalone Loader
Download ZIP View GitHub

Package Managers

Types

Loader

A loader

Loaders are hidden unless active or inside an active dimmer.
Image

Text Loader

A loader can contain text

Loading
Image
Loading
Image

States

Indeterminate

A loader can show it's unsure of how long a task will take

Preparing Files
Image

Active

A loader can be active or visible

An active loader may not be clearly visible without using a ui dimmer
Image

Disabled

A loader can be disabled or hidden

Image

Variations

Inline

Loaders can appear inline with content

Inline Center

Loaders can appear inline centered with content

Size

Loaders can have different sizes

Loading
Image
Loading
Image
Loading
Image
Loading
Image Image
Loading
Image Image Image
Loading
Image Image Image
Loading
Image Image Image
Loading
Image Image Image

Inverted

Loaders can have their colors inverted.





Loaders will automatically be inverted inside inverted dimmer
Loading
Image
Loading
Image
Loading
Image Image
Loading
Image Image Image

Community

Help Translate Submit an Issue Join our Chat CLA

Network

GitHub Repo User Forums 1.x Docs 0.x Docs

Help Preserve This Project

Support for the continued development of Semantic UI comes directly from the community.

Image
Free & Open Source (MIT)
The Translation Needs Your Help

This translation is only % complete!

We need your help to make Semantic available to people who speak your language.

Our translation tools are easy to use and allow you to translate text without having to leave the site.

No Thanks
Help Translate
Would you like to visit the mirror site?

Semantic is available at semantic-ui.cn a mirror site hosted inside China. This should make browsing much faster for those visiting from mainland China.

No Thanks
Yes, take me to the mirror

Dimmer Message
Dimmer sub-header