Stencil Progress Component

This is a simple progress component created using Stencil.

Progress - <st-progress>

Progress indicators express an unspecified wait time.

Using this component

Script tag

1. Put a script tag similar to this <script src='https://unpkg.com/st-progress-component/dist/st-progress.js'></script> in the head of your index.html
   1.1 You can specify a semantic version in your unpkg url: <script src='https://unpkg.com/st-progress-component@latest/dist/st-progress.js'></script>

Node Module

1. Run npm i st-progress-component --save
2. Put a script tag similar to this in the head of your index.html

Examples

Default animated progress bar.

<st-progress></st-progress>

<st-progress color="#2196f3"></st-progress>

<st-progress color="rgb(225,0,80)"></st-progress>

Properties

| Property | Attribute | Description | Type | Default | | -------- | --------- | -------------------------------------- | -------- | ----------- | | color | color | The visual color style of the progress | string | undefined |

Demo

• Click here to check out the demonstration

Built with StencilJS

License

MIT © Ademílson F. Tonato