ProgressBar

Default

                <div class="progress"
                    data-value="85"
                    data-color="bg-red"
                    data-role="progress"></div>
            

Small

                <div class="progress small" data-role="progress"></div>
            

Large

                <div class="progress large" data-role="progress"></div>
            

Gradient

                <div class="progress gradient-bar" data-role="progress"></div>
            

Animate

                <div class="progress small" data-animate="500" data-role="progress"></div>

                <div class="progress ani" data-color="ribbed-amber" data-role="progress"></div>
            

                <script>
                    var interval1;
                    function runPB1(){
                        clearInterval(interval1);
                        var pb = $("#pb1").data('progress');
                        var val = 0;
                        interval1 = setInterval(function(){
                            val += 1;
                            pb.set(val);
                            if (val >= 100) {
                                val = 0;
                                clearInterval(interval1);
                            }
                        }, 100);
                    }

                    function flashPB1(){
                        clearInterval(interval1);
                        var pb = $("#pb1").data('progress');
                        pb.set(0);
                    }

                    function stopPB1(){
                        clearInterval(interval1);
                    }
                </script>