/** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * Progress Bar is a component for indicating progress. * * Simple usage: * * ```html * * ``` * ### Installation * * Import `NbProgressBarModule` to your feature module. * ```ts * @NgModule({ * imports: [ * // ... * NbProgressBarModule, * ], * }) * export class PageModule { } * ``` * ### Usage * * Progress bar accepts property `value` in range 0-100 * @stacked-example(Progress bar, progress-bar/progress-bar-showcase.component) * * Progress bar background could be configured by providing a `status` property: * @stacked-example(Progress bar status, progress-bar/progress-bar-status.component) * * Progress bar size (height and font-size) could be configured by providing a `size` property: * @stacked-example(Progress bar size, progress-bar/progress-bar-size.component) * * `displayValue` property shows current value inside progress bar. It's also possible to add custom text inside: * @stacked-example(Progress bar value, progress-bar/progress-bar-value.component) * * Progress bar supports `width` and `background-color` transition: * @stacked-example(Progress bar interactive, progress-bar/progress-bar-interactive.component) * * @styles * * progress-bar-height-xlg: * progress-bar-height-lg: * progress-bar-height: * progress-bar-height-sm: * progress-bar-height-xs: * progress-bar-font-size-xlg: * progress-bar-font-size-lg: * progress-bar-font-size: * progress-bar-font-size-sm: * progress-bar-font-size-xs: * progress-bar-radius: * progress-bar-bg-color: * progress-bar-font-color: * progress-bar-font-weight: * progress-bar-default-bg-color: * progress-bar-primary-bg-color: * progress-bar-success-bg-color: * progress-bar-info-bg-color: * progress-bar-warning-bg-color: * progress-bar-danger-bg-color: */ export declare class NbProgressBarComponent { /** * Progress bar value in percent (0 - 100) * @type {number} * @private */ value: number; /** * Progress bar background (primary, info success, warning, danger) * @param {string} val */ status: string; /** * Progress bar size (xs, sm, lg, xlg) * @param {string} val */ size: string; /** * Displays value inside progress bar * @param {string} val */ displayValue: boolean; }