Fonction PHP pour afficher une Progressbar (afficher dynamiquement une barre de progression avec le pourcentage en cours). | Journal de Cyberscorp | Articles, tutorial, forum dédié à la programmation, script php, Linux

Vous êtes ici : Fonction PHP pour afficher une Progressbar (afficher dynamiquement une barre de progression avec le pourcentage en cours).

Fonction PHP pour afficher une Progressbar

Voici une fonction qui permet d'afficher dynamiquement une barre de progression avec le pourcentage en cours.

Exemple d'utilisation :

Une requête SQL de sélection, d'insertion ou de suppression d'un table de plus de 10000 enregistrements demande forcement du temps et pour ne pas laisser l'internaute dans le doute que le site est bloqué, la barre de progression permet de connaître l'état d'avancement de la tâche et d'éviter aux utilisateurs de s'ennuyer.

Voici une démonstration

Cliquez ici pour la démo

Pour Télécharger le code, cliquez ici

Explication :

Le fichier qui contient les procédures du progressbar est "progressbar.php"

Mode d'utilisation dans votre script:

1/ charger le fichier : include ("progressbar.php");
2/ initialisation de la barre : Initialize(x,y,largeur,hauteur,'couleur bordure','couleur du pourcentage','couleur de la barre de progression');
3/ Insertion de ProgressBar($i); dans votre boucle

Remarque :

Testé sur FireFox, IE6.

Voici le fichier progressbar.php

<?php 
   
   function Initialize($gauche,$haut,$largeur,$hauteur,$bord_col,$txt_col,$bg_col)
   {
    $tailletxt=$hauteur-10;
    echo '<div id="pourcentage" style="position:absolute;top:'.$haut;
    echo ';left:'.$gauche;
    echo ';width:'.$largeur.'px';
    echo ';height:'.$hauteur.'px;border:1px solid '.$bord_col.';font-family:Tahoma;font-weight:bold';
    echo ';font-size:'.$tailletxt.'px;color:'.$txt_col.';z-index:1;text-align:center;">0%</div>';
  
    echo '<div id="progrbar" style="position:absolute;top:'.($haut+1); //+1
    echo ';left:'.($gauche+1); //+1
    echo ';width:0px';
    echo ';height:'.$hauteur.'px';
    echo ';background-color:'.$bg_col.';z-index:0;"></div>';
  
   }
   function ProgressBar($indice)
   {
     echo "\n<script>";
     echo "document.getElementById(\"pourcentage\").innerHTML='".$indice."%';";
     echo "document.getElementById('progrbar').style.width=".($indice*2).";\n";
     echo "</script>";
     flush(); // explication : http://www.manuelphp.com/php/function.flush.php
   }
     
?>

Voici un exemple de mode d'emploi du script (le fichier index.php)

Pour vos commentaires, critiques, améliorations et suggestions , rejoignez moi dans le forum

Rédiger le 25 Décembre 2005 à 12:00

Administrateur Hanini Yassine

Vous pouvez commenter cet article et voir les commentaires sur cet article

Visiteurs connectés :	2
Record visit. connectés (Le 01/05/2008) :	7
Visiteurs uniques :	634
Nb Visiteurs :	2082
Le Google™ - PageRank™ :
Nb hits de cette Page :
Total des pages vues :	0
Stats Powered by BeStats v1.1

StatistiquesDepuis le 31 Mai 2007

Statistiques
Depuis le 31 Mai 2007