Progress Bar in Table

[taleno.digital]

Hi Team,

I saw this from my Glide Usage.

Is this something we can do with Glide Pages as well.

Thanks,
Joey

[Jeff_Hager]

You can use the Progress component.

[David_Mendoza]

Hi, any suggestion to do something like this?
In a table able to be sort

[Darren_Murphy]

Do the individual rows need to be clickable?
If not, you could do something like that as a HTML table in a Rich Text component.

[David_Mendoza]

Hi, well I managed to do something like this with Quickchart

https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946/164

[gvalero]

Hola David,

This can work for you:

1. Create a template column and replace the variables/param you want to show:

<table border="0" cellpadding="1" cellspacing="1" style="height:20px; width:340px">
    <tbody>
	<tr>
	  <td style="width:153px"><b> {YourVariable} </b></td>
	  <td style="text-align:center; width:55px"><strong> {YourValue}% </strong></td>
	  <td style="text-align:right; width:160px">
          <div style=" margin:auto; overflow:hidden;border-radius:5px; background-color:#DDDDDD; position:relative; width:100%; height:30px;">
  	      <div style="border-radius:5px; background-color: #196ba6; position:absolute; bottom:0px; width: {YourValue}%; height:100%;">
	  </td>
	</tr>
    </tbody>
</table>

2. Later using a Rich Text component, your table should look like:

Saludos!