# Vue ProgressBar Overview The ProgressBar displays and tracks the progress of a task. It supports different label formats, horizontal and vertical orientation, and also different directions. ## Basic Usage The following example demonstrates the ProgressBar in action. [Demo Source](https://demos.telerik.com/kendo-vue-ui/progressbars/progressbar/overview/source.txt) ## Functionality and Features * [Value and ranges](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/progressbar/value_ranges) * [Disabled ProgressBar](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/progressbar/disabled) * [Orientation](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/progressbar/orientation) * [Direction](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/progressbar/direction) * [Custom label](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/progressbar/label) * [Animation](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/progressbar/animation) * [Appearance](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/progressbar/appearance) * [Globalization](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/globalization) ## Support and Learning Resources * [ProgressBar Homepage](https://www.telerik.com/kendo-vue-ui/progressbar) * [Getting Started with the Kendo UI Vue ProgressBars](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/get-started) * [API Reference of the ProgressBar](https://www.telerik.com/kendo-vue-ui-develop/components/progressbars/api/progressbarprops) * [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api) * [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api) * [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api) * [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api) * [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3) * [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript) * [ProgressBar Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=progressbar) * [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/) * [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension) ## Additional Resources * [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue) * [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)