AppGini Community Forums

Posted: **2019-12-12 06:02**

hi have anyone add progress bar on appgini app?
sample
https://www.w3schools.com/howto/tryit.a ... gressbar_3

Posted: **2019-12-12 06:57**

Hi,

Bootstrap 3 already contains a built-in progress bar:

: chrome_OYv1nKBG4g.png (5.55 KiB) Viewed 2500 times

For example in file hooks/TABLENAME.php, function TABLENAME_dv() you can append some html-code like the following to the $html variable:

Code: Select all

<div class="progress">
  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
  aria-valuemin="0" aria-valuemax="100" style="width:40%">
    40% Complete (success)
  </div>
</div>

<div class="progress">
  <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="50"
  aria-valuemin="0" aria-valuemax="100" style="width:50%">
    50% Complete (info)
  </div>
</div>

<div class="progress">
  <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
  aria-valuemin="0" aria-valuemax="100" style="width:60%">
    60% Complete (warning)
  </div>
</div>

<div class="progress">
  <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70"
  aria-valuemin="0" aria-valuemax="100" style="width:70%">
    70% Complete (danger)
  </div>
</div>

https://www.w3schools.com/bootstrap/boo ... ssbars.asp

Posted: **2019-12-12 07:10**

hi thanks for reply. can you show me example code? thanks.

Posted: **2019-12-12 07:27**

Sure, here you are:

Code: Select all

$html .= '<div class="progress">
  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
  aria-valuemin="0" aria-valuemax="100" style="width:40%">
    40% Complete (success)
  </div>
</div>';

AppGini Community Forums

adding progress bar

adding progress bar

Re: adding progress bar

Re: adding progress bar

Re: adding progress bar