Bonjour à tous,

Je développe actuellement un tableau de bord en C#/ASP.NET + JavaScript.
Ce tableau de bord liste les projets en cours ainsi que divers informations concernant ces projet : http://cjoint.com/12sp/BIAjPzNLouP.htm

Pour apporter un peu plus d'esthétique, je souhaiterai remplacer l'avancement du projet par une jauge telle que celle-ci : http://cjoint.com/12sp/BIAjTby8QKX.htm

J'arrive à mettre en place une jauge comme celle ci-dessus à l'aide de :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<progress id="avancement" value="10" max="100"></progress>
<span id="pourcentage"></span>
Ce que je n'arrive pas à faire c'est la générer dynamiquement en C# de la même manière que mes <td>.
Exemple de chargement de mon tableau :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
for (int i = 0; i < projets.Dt.Rows.Count; i++)
                {
                    DataRow dr = projets.Dt.Rows[i];
                    HtmlTableRow tr = new HtmlTableRow();
 
                    //Charge le tableau
                    this.AddTd(dr["Id_Projet"].ToString(), tr);
                    this.AddTd(dr["Lib_Projet"].ToString(), tr);
                    this.AddTd(dr["Avancement"].ToString() + "%", tr);
                    this.AddTd(new Date(dr["Date_Debut"].ToString()).ToString(), tr);
                    this.AddTd(new Date(dr["Date_Fin_Prevue"].ToString()).ToString(), tr);
                    if (dr["Duree_Prevue"].ToString() != "")
                    {
                        this.AddTd(dr["Duree_Prevue"].ToString() + " j", tr);
                    }
                    else
                    {
                        this.AddTd(dr["Duree_Prevue"].ToString(), tr);
                    }
                    this.AddTd(dr["Lib_Priorite"].ToString(), tr);
                    this.AddTd(dr["Lib_Etat"].ToString(), tr);
                    this.t_projet.Controls.Add(tr);
                }
Fonction AddTd :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
        protected void AddTd(string value, HtmlTableRow tr)
        {
            HtmlTableCell td = new HtmlTableCell();
            td.InnerHtml = value;
            tr.Controls.Add(td);
 
        }
Si quelqu'un pouvait m'aider dans cette démarche je lui en serai très reconnaissant.

Merci pour vos éventuelles réponses.
Cordialement
M0nk'