1.0.11 • Published 4 years ago

angular-progress-bar v1.0.11

Weekly downloads
3,246
License
MIT
Repository
-
Last release
4 years ago

Toc

Introduction

Angular progress bar is a component available from Angular 2, 4, 5, 6 and Ionic 2 and 3, and 4.

This component allow you to manage a progress visually

Online demo

You can find a demo at https://angular-progress-bar-demo.stackblitz.io

Appearance

Basic

Grey

Type the following command to install the package:

npm install angular-progress-bar@latest --save

Then you need to import it into your app modules

import {ProgressBarModule} from "angular-progress-bar"

@NgModule({
    imports: [
        ProgressBarModule
    ]
})

How to use

Classic way

By this way, progress property will be the value shown in the progress bar, and color property will be the color displayed

<progress-bar [progress]="100" [color]="'#488aff'">
</progress-bar>

Color degraded way

By this way, progress property will be the value shown in the progress bar, but color-degraded property must be bined ton an object.

This object, must containes a key value made be a string that represent a percent, and the value must be an hexadecimal color

in the example show below, from 0 to 15 percent the color will be #00cbcb then from 16 to 25 percent the color will be #f9c3d3 and then from 25 to the end the color will be #fd8c8e

<progress-bar [progress]="100" [color-degraded]="{'0': '#00cbcb',  '15': '#f9c3d3', '25': '#fd8c8e'}">
</progress-bar>
1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

5 years ago

1.0.9-beta1

5 years ago

1.0.8

6 years ago

1.0.7-beta3

6 years ago

1.0.7-beta2

6 years ago

1.0.7-beta1

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.4-beta13

6 years ago

1.0.4-beta12

6 years ago

1.0.4-beta11

6 years ago

1.0.4-beta10

6 years ago

1.0.4-beta9

6 years ago

1.0.4-beta8

6 years ago

1.0.4-beta7

6 years ago

1.0.4-beta6

6 years ago

1.0.4-beta5

6 years ago

1.0.4-beta4

6 years ago

1.0.4-beta3

6 years ago

1.0.4-beta2

6 years ago

1.0.4-beta1

6 years ago

1.0.3

6 years ago

1.0.3-beta15

6 years ago

1.0.3-beta14

6 years ago

1.0.3-beta13

6 years ago

1.0.3-beta12

6 years ago

1.0.3-beta11

6 years ago

1.0.3-beta10

6 years ago

1.0.3-beta9

6 years ago

1.0.3-beta8

6 years ago

1.0.3-beta7

6 years ago

1.0.3-beta6

6 years ago

1.0.3-beta5

6 years ago

1.0.3-beta4

6 years ago

1.0.3-beta3

6 years ago

1.0.3-beta2

6 years ago

1.0.3-beta1

6 years ago

1.0.2

6 years ago

1.0.2-beta4

6 years ago

1.0.2-beta3

6 years ago

1.0.2-beta2

6 years ago

1.0.2-beta1

6 years ago

1.0.1

6 years ago

1.0.1-beta4

6 years ago

1.0.1-beta3

6 years ago

1.0.1-beta2

6 years ago

1.0.1-beta1

6 years ago

1.0.0

6 years ago

1.0.0-beta2

6 years ago

1.0.0-beta1

6 years ago