Kendo ui progress with Text

[Neeraj]

Hello,
        I am looking for Kendo ui progress with Custom text to be shown below loading image. How that can be achieved.  This ui progress link shows only replacement with other text or image . Not combination of both . Custom text to be shown below image

[Dimitar]

Hello,

The provided link does not navigate, but judging by the description, I believe it should point to progress api examples.
The second example shows how to hide the loading image and replace only text. By commenting the rule for hiding and changing the text position, we may have both text and image at the same time - Dojo snippet with comments. I am pasting the important part here as well:

/* By default the text is hidden, re-position the text */
span.k-loading-text
{
    text-indent: 0;
    top: 50%;
    left: 55%; /* place the text at 55% - to the right of the loading image */
    background-color: #0F0;
}

/* Used for hiding the loading image, so we comment it to show the image */
/*
div.k-loading-image
{
    display: none;
}
*/

 

Regards,
Dimitar
Progress Telerik

[Neeraj]

Hello,
           I want the Text to be below the loading image and centered

[Plamen]

Hi,

I have updated the dojo so the text is below the loading image and in the center - https://dojo.telerik.com/@zdravkov/AHatoKis

Regards,
Plamen
Progress Telerik

[Neeraj]

Hello, when i select "Show loading indicator for whole page" it is not proper. and in indicator over container its slightly towards left . doesnt look centre. Irrespective of text length it should be centered below loading image

[Plamen]

Hi,

We could use flexbox and justify content as for example in this dojo - https://dojo.telerik.com/@zdravkov/AHatoKis/4

Regards,
Plamen
Progress Telerik