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.

Example
View Source
Change Theme:

Key Features

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

In this article

Not finding the help you need?