Color Admin
Docs HomeProduct SiteSupport
  • WireBootstrap for Color Admin
  • Installation
  • Libs
  • Pages
    • Empty
  • Components
    • Count KPI
      • Configuration
      • Data Events
    • Progress KPI
      • Configuration
      • Data Events
  • Page Menu
Powered by GitBook
On this page
  • Library
  • Class
  • Example
  1. Components

Progress KPI

PreviousData EventsNextConfiguration

Last updated 3 years ago

Color Admin Progress KPIThe component is native to the Color Admin theme. It displays a label at the top of the KPI along with a pronounced metric value in the middle. The bottom displays a line with a description showing progress a goal.

Library

The Progress KPI component is located in the Color Admin for WireBootstrap library file located at \lib\color-admin.

Class

The Count KPI extends the <wire.ui.component> class. As such, it inherits all the base functionality of that class.To create a new instance of the Count KPI component, use the wire.colorAdmin.kpiProgress class.1const kpi = wire.colorAdmin.kpiProgress();Exit with⌃↩

Example

An example that demonstrates the Progress KPI component can be found in the Color Admin for WireBootstrap project at \pages\kpis-progress.html.

Progress KPI
Color Admin Progress KPI