Change the style of kendo UI progress

2
votes

I am quite new to this HTML world. I am looking forward to change the default color and remove the gray background from kendo progress bar as shown in image below :

enter image description here

I need to remove the background and make it transparent as well as change the color of spinner to blue. How can this be achieved ?

1
htmlcsskendo-ui
As far as I know the KendoUI loading animation is a gif. So it's not that straightforward to make your desired changes. But you can check the different themes, they do have different loading animations. - Philipp
Yes you can override the default gif, with any custom gif via CSS. As the answer suggests. Detailed information can be found on the KendoUI docs - Philipp
Yes Thanks !!! was able to achieve this effect by changing background image.. - user2091061

1 Answers

2
votes

It can be achieved this way:

.k-loading-mask .k-loading-image {
  background-image: url('...custom.image.url.here...');
}

To remove loading image:

.k-loading-mask .k-loading-image {
  background-image: none;
}

Further more customizations can be found here