Statistics Counter Card
The stat counter card is useful when you want to display critical or important statistics with comparison figures as well
Structure
statCounter($title="Statistics",$total_value="100",$high_value_label="Profit",$hig_value_number="119",$low_value_label="Loss",$low_value_number="100",$progress_color='primary',$progress_percentage="40",$card_size='col-md-6 col-sm-6 col-12',$link='#')
Parameters
The statCounter card has up to 10 parameters that we will dive into details below
Title- The title of the card
Total Value- The numeric grand total value to be displayed
High Value label- This is the label of the comparison high value
High Value Number- This is the numeric value of the comparison highest value
Low Value Label- This is the label of the comparison low value
Low Value Number- This is the numeric value of the comparison lowest value
Progress Color- This is the color of the progress bar displayed, values can be: primary, secondary, warning, danger, info, success
Progress percentage- This is the percentage of the progress bar can be from 1-100
Card Size- This is the bootstrap card size class default is: col-md-6 col-sm-6 col-12
Link- This is the link which the user will be redirected to upon clicking on the card
Example Usage
echo statCounter('Total Sales', '3,000', 'Profit', '1200', 'Loss', '1000', 'success', '30', 'col-md-6 col-sm-6 col-12', '#');
Output

Last updated