语义 UI 加载器状态
Semantic UI 是一个开源开发框架,它提供了预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 创建交互式界面。它也可以像 bootstrap 一样通过 CDN 直接使用。
Semantic-UI 加载器状态用于表示加载器元素的不同状态。加载程序状态分为三种类型:不确定、活动和禁用。
语义 UI 加载器状态:
- Indeterminate:用于显示不确定任务需要多长时间的加载程序。
- 活动:用于显示可以活动或可见的加载程序。
- Disabled:用于表示可以禁用或隐藏的加载器。
句法:
...
示例 1:在此示例中,我们将描述加载器元素的不确定状态。
HTML
Semantic-UI Loader Indeterminate States
GeeksforGeeks
Semantic-UI Loader Indeterminate States
GeeksforGeeks Loading...
HTML
Semantic-UI Loader active States
GeeksforGeeks
Semantic-UI Loader active States
HTML
Semantic-UI Loader disabled States
GeeksforGeeks
Semantic-UI Loader disabled States
输出:
示例 2:在此示例中,我们将描述加载器元素的活动状态。
HTML
Semantic-UI Loader active States
GeeksforGeeks
Semantic-UI Loader active States
输出:
示例 3:在此示例中,我们将描述加载器元素的禁用状态。
HTML
Semantic-UI Loader disabled States
GeeksforGeeks
Semantic-UI Loader disabled States
输出:
参考: https://semantic-ui.com/elements/loader.html