new Progress()
WebComponent Progress
Barra de Progreso con nuevas opciones
Example
<progress-bar value="200" max="1500" size="small" speed="0.3" bg="#000" value-bg="#f2b032"></progress-bar>
Members
(static) observedAttributes
Observa el cambio de los atributos value, bg, value-bg y size, max, step, speed
Methods
(static) attributeChangedCallback(name, oldValue, newValue)
Ejecuta una acción al cambiar un atributo de Progress
Parameters:
Name | Type | Description |
---|---|---|
name | String | Nombre del Atributo que ha cambiado |
oldValue | String | | Valor anterior |
newValue | String | | Nuevo Valor |
(static) connectedCallback() → {module:Plugins.Progress.Progress}
Se ejecuta al conectarse al DOM
Returns:
(static) disconnectedCallback() → {module:Plugins.Progress.Progress}
Se ejecuta al desconcertar del DOM
Returns:
(static) getValue() → {Number}
Retorna el valor de carga
Returns:
- Type:
- Number
(static) setBg(bg)
Establece el color de fondo de la barra de progreso
Parameters:
Name | Type | Default | Description |
---|---|---|---|
bg | String | null | Color de Fondo |
(static) setBgValue(bg)
Cambia el color de fondo de la barra de carga
Parameters:
Name | Type | Default | Description |
---|---|---|---|
bg | String | null | Color |
(static) setSize(size)
Estable el estilo del tamaño
Parameters:
Name | Type | Default | Description |
---|---|---|---|
size | String | null | Clase de tamaño puede ser small, default ó large |
(static) setSpeed(speed)
Establece la velocidad de desplazamiento del la barra de carga
Parameters:
Name | Type | Default | Description |
---|---|---|---|
speed | Number | null | Velocidad |
(static) setValue(v)
Establece el valor
Parameters:
Name | Type | Default | Description |
---|---|---|---|
v | Number | 0 | Valor |