Progress Bar in Table

Hi Team,

I saw this from my Glide Usage.

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

Thanks,
Joey

You can use the Progress component.

1 Like

Hi, any suggestion to do something like this?
In a table able to be sort
Captura de pantalla 2023-06-17 222821

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.

Hi, well I managed to do something like this with Quickchart
Captura de pantalla 2023-06-17 233603

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

1 Like

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>


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

image

Saludos!

2 Likes