Percentage progress bar in field grid

Applications Grid / Reports
#1

Hi There,

i have several records that show some workshops a student follows. each workshop has several assignments, let’s say 10.

i can show the number of passed assignments at the end of each record, but i wan’t to show something like a progress bar instead. see picture as example. Any suggestions how to realize that?

image
image2426×1084 280 KB

#2

make a custom fiedd {pbar} and in the OnRecord event put there html code to render the progress bar, maybe using bootstrap

1 Like
#3

that’s not a bad idea. i’ll give it a try. thx

#4

hi there. i’ve tried the it with bootstrap
the strange thing is when i use the code

   {VOORTGANGSMETER} = '<div class="progress">
  <div class="progress-bar bg-success" style="width:{VOORTGANG}%"> Akkoord</div>
</div>';

it shows a progress bar but it semms that a var doesn’t work (or field) if i put a number after the width like 70 it works fine. only vars or a field value does’nt work

strange… any suggestions anyone?

#5

Try this:

{VOORTGANGSMETER} = '<div class="progress">
  <div class="progress-bar bg-success" style="width:<?php echo {VOORTGANG}; ?>%"> Akkoord</div>
</div>';
#6

Hi
you give me a push in the right direction.

{VOORTGANGSMETER} = '<div class="progress">
  <div class="progress-bar bg-success" style="width:'.$VOORTGANG. '%"> Akkoord</div>
</div>';

does the trick!

1 Like