# @syncfusion/ej2-progressbar > Essential JS 2 ProgressBar Component Latest version **35.1.37** (published 2026-09-29) · SEE LICENSE IN license license · 0 weekly downloads ## Install ```sh npm install @syncfusion/ej2-progressbar pnpm add @syncfusion/ej2-progressbar yarn add @syncfusion/ej2-progressbar bun add @syncfusion/ej2-progressbar ``` ## Health **Score 65/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 35.1.37 | | Published | 2026-09-29 | | First published | 2020-03-19 | | Weekly downloads | 0 | | License | SEE LICENSE IN license | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 3 | | Unpacked size | 2 MB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 448 | | Author | Syncfusion Inc. | | Maintainers | syncfusionorg, essentialjs2, syncfusion-javascript | | Keywords | ej2, syncfusion, ej2-progressbar | ## Links - npm: https://www.npmjs.com/package/@syncfusion/ej2-progressbar - Repository: https://github.com/syncfusion/ej2-javascript-ui-controls.git#master - Homepage: https://www.syncfusion.com/javascript-ui-controls - Issues: https://github.com/syncfusion/ej2-javascript-ui-controls/issues - npm.io page: https://npm.io/package/@syncfusion/ej2-progressbar ## Dependencies (3) - [@syncfusion/ej2-base](https://npm.io/package/@syncfusion/ej2-base.md) ~35.1.37 - [@syncfusion/ej2-data](https://npm.io/package/@syncfusion/ej2-data.md) ~35.1.37 - [@syncfusion/ej2-svg-base](https://npm.io/package/@syncfusion/ej2-svg-base.md) ~35.1.37 ## Recent versions - 35.1.37 (latest) — 2026-09-29 - 26.1.35-7502 (beta) — 2025-10-07 - 34.2.8 — 2026-09-15 - 34.2.6 — 2026-09-01 - 34.2.5 — 2026-08-25 - 34.2.2 — 2026-08-05 - 34.1.29 — 2026-07-06 - 33.2.3 — 2026-04-21 - 33.1.44 — 2026-03-16 - 32.2.3 — 2026-02-05 - 32.1.24 — 2026-01-20 - 32.1.19 — 2025-12-16 - 31.2.12 — 2025-11-18 - 31.2.2 — 2025-10-15 - 31.1.22 — 2025-10-01 - … 81 more at https://npm.io/package/@syncfusion/ej2-progressbar/versions ## README # JavaScript Progress bar Control The [JavaScript Progress bar](https://www.syncfusion.com/javascript-ui-controls/js-progressbar) control is a well-crafted, that indicates the progress of a task with customizable visuals. It includes features to visualize progress in rectangular and circular shapes, determinate and indeterminate states, segments, and customized ranges in different colors. It also supports animation.

Getting started . Online demos . Learn more

JavaScript Progress bar Control

> **Using this package with an AI coding agent** > > Before generating Syncfusion code, ask your AI coding agent to run the Syncfusion setup using the following prompt: > > ```text > Set up this project for Syncfusion before generating code. Fetch > and follow the official instructions at https://ai.syncfusion.com, > then report the detected platform, installed skill pack, MCP > status, and any required licensing action. > ``` > The setup detects your project’s platform and loads the appropriate Syncfusion skill pack. No Syncfusion account or MCP key is required to install or read Syncfusion agent skills. >P key is required to install or read Syncfusion® agent skills. > > **Platform reference:** [https://ai.syncfusion.com/javascript/llms.txt](https://ai.syncfusion.com/javascript/llms.txt) #### Key features * [Tooltip](https://ej2.syncfusion.com/demos/#/tailwind3/progress-bar/tooltip.html): Offers configurable options to display the completed progress value, enhancing clarity and user feedback. * [Labels](https://ej2.syncfusion.com/demos/#/tailwind3/progress-bar/labels.html): Supports labels to annotate the progress value, along with color indicators to represent the status of the progress. * [Annotations](https://ej2.syncfusion.com/demos/#/fluent2/progress-bar/custom-content.html): Annotations are used to highlight specific areas of interest within the progress bar by adding text, shapes, or images. ## Supported frameworks Progress bar control is also offered in following list of frameworks. | [](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)
     [Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)
       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## Resources * [Documentation](https://ej2.syncfusion.com/documentation/progressbar/getting-started) * [Theme Studio](https://ej2.syncfusion.com/themestudio/) * [Custom Resource Generator](https://crg.syncfusion.com/) * [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github) * [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github) * [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github) ## Support Product support is available through following mediums. * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support * [Community forum](https://www.syncfusion.com/forums/essential-js2?control=,progressbar) * [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new) * [Request feature or report bug](https://www.syncfusion.com/feedback/javascript?control=progressbar) ## Changelog Check the changelog [here](https://gitea.syncfusion.com/essential-studio/ej2-progressbar-components/src/branch/development/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates. ## License and copyright > This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license) for more info. © Copyright 2026 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution. --- _Source: https://npm.io/package/@syncfusion/ej2-progressbar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._