Semantic-UI Loader Disabled State Last Updated : 20 Feb, 2022 Summarize Comments Improve Suggest changes Share Like Article Like Report Semantic UI is an open-source development framework that provides pre-defined classes to make our website look beautiful, amazing, and responsive. It is similar to Bootstrap which has predefined classes. It uses jQuery and CSS to create interactive interfaces. It can also be directly used via CDN like bootstrap. Semantic-UI Loader Disabled State is used to represent the loader that can be disabled or hidden. Used Class: disabled: This class is used to represent the disabled state of the loader widget. Syntax: <div class="ui segment"> <div class="ui disabled loader"></div> </div> Example 1: This example describes the Loader Disabled State. HTML <!DOCTYPE html> <html> <head> <title> Semantic-UI Loader disabled States </title> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> <style> .ui.segment { padding: 50px 0; } </style> </head> <body> <div class="ui container center aligned"> <h2 style="color:green"> GeeksforGeeks </h2> <h3>Semantic-UI Loader disabled States</h3> <div class="ui segment"> <div class="ui disabled loader"></div> </div> </div> </body> </html> Output: Example 2: This example describes the Loader Disabled State. HTML <!DOCTYPE html> <html> <head> <title> Semantic-UI Loader disabled States </title> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" /> <style> .ui.segment { padding: 50px 0; } </style> </head> <body> <div class="ui container center aligned"> <h2 style="color:green"> GeeksforGeeks </h2> <h3>Semantic-UI Loader disabled States</h3> <div class="ui segment"> <div class="ui disabled dimmer"> <div class="ui text loader"> GeeksforGeeks Loading... </div> </div> </div> </div> </body> </html> Output: Reference: https://semantic-ui.com/elements/loader.html#disabled Comment More infoAdvertise with us Next Article Semantic-UI Image Disabled State A ashokjaiswal Follow Improve Article Tags : Web Technologies CSS Geeks Premier League Geeks-Premier-League-2022 Semantic-UI Semantic-UI Elements +1 More Similar Reads Semantic-UI Header Disabled States Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. The best part about this framework is that it creates beautiful and responsive layout 2 min read Semantic-UI Image Disabled State Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic UI has a bunch of components for user interface design. One of them is “Imag 2 min read Semantic-UI Icon Disabled State Semantic UI is a modern framework used in developing seamless designs for the website, It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks. A Semantic UI Icon is a glyph used to represent something. Icons can be used t 2 min read Semantic-UI Form Disabled Field State Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. It uses a class to add CSS to the elements. A form is the section of a document that 3 min read Semantic-UI Dropdown Disabled State Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic UI has a bunch of components for user interface design. One of them is “Drop 3 min read Semantic-UI Progress Disabled State Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic UI has a bunch of components for user interface design. One of them is the p 2 min read Like