Semantic-UI Progress Types
Semantic UI is an open-source framework that has some predefined classes to make our website look beautiful and responsive. It is similar to bootstrap as it has pre-defined classes for use. It used CSS and jQuery to build the interface. It has some different types of elements that help us to create a beautiful website.
Progress bars are used to show the amount of work completed out of total work, It is used to show the progression of a task using the bars. Semantic UI Progress Types are used to show the progress using different types of progress bars.
In this article, we will discuss Semantic-UI Progress Types.
Semantic-UI Progress Types:
<div class="ui indicating progress"> <div class="bar"> .... </div> ... </div>
Example 1: The following code demonstrates the Semantic-UI Standard Progress Type.
Example 2: The following code demonstrates the Semantic-UI Indicating Progress Type.