Progress bar - Web Component
...
Browser support
Parameters
The Web component uses a <z-progress-bar> tag.
The parametrization of the component can be done with the following custom HTML params:
| Name | Type | Description |
|---|---|---|
value | number | |
config | string | |
max(optional) | number | |
caption(optional) | string | |
progress-bar-title(optional) | string |
Playground
Customization
HTML Examples
Imports
html
<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/progress-bar.js"></script>Code
html
<z-progress-bar config="linear" value="23" max="100" caption="Linear" progress-bar-title="Title"></z-progress-bar>
<z-progress-bar config="round" value="23" max="100" caption="Round"></z-progress-bar>