[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [AutoProgressBar](./x-components.autoprogressbar.md) ## AutoProgressBar variable The auto progress bar component is useful for displaying a visual indicator of numerical data in a bar shape. **Signature:** ```typescript _default: import("vue").DefineComponent, { cssStyles: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly> & Readonly<{}>, { isLoading: boolean; durationInSeconds: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```