Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
Progress - UIkit
[go: Go Back, main page]
Skip to main content

Documentation

Progress

Defines progress bars that indicate how far along a process is.

Usage

To apply this component, add the .uk-progress class to a <progress> element.

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

<script>

    UIkit.util.ready(function () {

        var bar = document.getElementById('js-progressbar');

        var animate = setInterval(function () {

            bar.value += 10;

            if (bar.value >= bar.max) {
                clearInterval(animate);
            }

        }, 1000);

    });

</script>