PHP Kendo\UI\ProgressBarAnimation Examples

Example #1

File: index.php Project: neevan1e/Done

function progressBar($name)
{
    $pb = new \Kendo\UI\ProgressBar($name);
    $animation = new \Kendo\UI\ProgressBarAnimation();
    $animation->duration(600);
    $pb->type('percent')->animation($animation);
    return $pb;
}

Example #2

File: api.php Project: neevan1e/Done

                </li>
            </ul>
        </div>
        <div class="config-section">
            <span class="configHead">Indeterminate</span>
            <ul class="options">
                <li>
                    <button class="k-button" id="setIndeterminate">Set indeterminate</button>
                </li>
            </ul>
        </div>
    </div>
    <div class="demo-section">
        <?php 
$pb = new \Kendo\UI\ProgressBar('progressBar');
$animation = new \Kendo\UI\ProgressBarAnimation();
$animation->duration(400);
$pb->min(0)->max(100)->type('value')->animation($animation);
echo $pb->render();
?>
    </div>

     <?php 
require_once '../include/footer.php';
?>

    <script>
        $(document).ready(function () {
            var pb = $("#progressBar").data("kendoProgressBar");

            $("#setProgressBarValue").click(function () {

Example #3

File: right-to-left-support.php Project: neevan1e/Done

<?php

require_once '../lib/Kendo/Autoload.php';
require_once '../include/header.php';
?>


<div id="example" class="k-content">
    <div class="k-rtl demo-section">
        <h3 class="title">ProgressBar</h3>
        <?php 
$pb = new \Kendo\UI\ProgressBar('progressBar');
$animation = new \Kendo\UI\ProgressBarAnimation();
$animation->duration(600);
$pb->type('percent')->animation($animation)->complete('onComplete');
echo $pb->render();
?>
        <button id="startProgress" class="k-button">Start progress</button>
    </div>

    <?php 
require_once '../include/footer.php';
?>

    <script>
        $("#startProgress").click(function () {
            if (!$(this).hasClass("k-state-disabled")) {
                $(this).addClass("k-state-disabled");

                progress();
            }