primeng/bundles/primeng-progressbar.umd.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primeng) [![npm downloads](https://img.shields.io/npm/dm/primeng.sv

!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("primeng/progressbar",["exports","@angular/core","@angular/common"],r):r(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.progressbar={}),e.ng.core,e.ng.common)}(this,(function(e,r,t){"use strict";var a=function(){this.showValue=!0,this.unit="%",this.mode="determinate"};a.decorators=[{type:r.Component,args:[{selector:"p-progressBar",template:'\n        <div [class]="styleClass" [ngStyle]="style" role="progressbar" aria-valuemin="0" [attr.aria-valuenow]="value" aria-valuemax="100"\n            [ngClass]="{\'p-progressbar p-component\': true, \'p-progressbar-determinate\': (mode === \'determinate\'), \'p-progressbar-indeterminate\': (mode === \'indeterminate\')}">\n            <div *ngIf="mode === \'determinate\'" class="p-progressbar-value p-progressbar-value-animate" [style.width]="value + \'%\'" style="display:block"></div>\n            <div *ngIf="mode === \'determinate\' && showValue" class="p-progressbar-label" [style.display]="value != null ? \'block\' : \'none\'">{{value}}{{unit}}</div>\n            <div *ngIf="mode === \'indeterminate\'" class="p-progressbar-indeterminate-container">\n                <div class="p-progressbar-value p-progressbar-value-animate"></div>\n            </div>\n        </div>\n    ',changeDetection:r.ChangeDetectionStrategy.OnPush,encapsulation:r.ViewEncapsulation.None,styles:['.p-progressbar{overflow:hidden;position:relative}.p-progressbar-determinate .p-progressbar-value{border:0;display:none;height:100%;position:absolute;width:0}.p-progressbar-determinate .p-progressbar-value-animate{transition:width 1s ease-in-out}.p-progressbar-determinate .p-progressbar-label{font-weight:700;height:100%;position:absolute;text-align:center;width:100%}.p-progressbar-indeterminate .p-progressbar-value:before{animation:p-progressbar-indeterminate-anim 2.1s cubic-bezier(.65,.815,.735,.395) infinite;background-color:inherit;bottom:0;content:"";left:0;position:absolute;top:0;will-change:left,right}.p-progressbar-indeterminate .p-progressbar-value:after{animation:p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s;background-color:inherit;bottom:0;content:"";left:0;position:absolute;top:0;will-change:left,right}@keyframes p-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes p-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}']}]}],a.propDecorators={value:[{type:r.Input}],showValue:[{type:r.Input}],style:[{type:r.Input}],styleClass:[{type:r.Input}],unit:[{type:r.Input}],mode:[{type:r.Input}]};var n=function(){};n.decorators=[{type:r.NgModule,args:[{imports:[t.CommonModule],exports:[a],declarations:[a]}]}],e.ProgressBar=a,e.ProgressBarModule=n,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=primeng-progressbar.umd.min.js.map