Tutorialsplane

UIkit Progress Bar


UIkit Progress Bar– To create progress bar add class uk-progress to <progress> element.


UIkit Progress Bar Example

Syntax for Progress bar-

Syntax:

<progress class="uk-progress" value="" max=""></progress>

Where value is progress bar value and max is the maximum allowed value for progress bar.

Example

Let us create a simple example using JavaScript.

Example:

<progress id="progressbar" class="uk-progress" value="5" max="100"></progress>


Try it »

If you run the above example it will produce output something like this-

Uikit Tutorial

Component