Kendo UI for Angular CircularProgressBar Overview

The CircularProgressBar displays and tracks the progress of a task on an arc over a fully enclosed circle, allows for custom center templates and different colors depending on the progress.

The CircularProgressBar Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the CircularProgressBar in action.

View Source
Change Theme:

Key Features

  • Center Template—The CircularProgressBar center template enables you to render custom content in the center of the component.
  • Color Ranges—Use the color ranges configuration to define different colors in the CircularProgressBar depending on its current value.
  • Animation—The CircularProgressBar allows you to enable or disable its animation.
  • Appearance—The CircularProgressBar allows you to set their dimensions through the width and height of the component, as well as defining their color.

Support and Learning Resources

Additional Resources