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 progress component. Progress is used to magnify the progress of a particular task. Depending on the requirements of the usage of progress there are different states of it. One of them is the disabled state.
The user might need to show disabled progress by default. The user might need to display some progress in UI whose values are not to be changed or the person does not have the access to interact with it. There are certain conditions where progress gets disabled if i is completed. In that case, a disabled state comes in handy.
Semantic UI Progress Disabled State Class:
- disabled: This class is used to specify the disabled state of progress.
<div class="ui disabled progress"> <div class="bar"></div> ... </div>
These examples demonstrate progress or group of progress in a disabled state by using the disabled class.
Example 1 :
Reference : https://semantic-ui.com/modules/progress.html#disabled
Please Login to comment...