Comment démontrer l'état d'un projet sous forme de progressbar ?

Killer-AT Membre non connecté

Booster Fronde

Le 30/04/2011 à 14h02

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

Bonjours je cherche comment montrer l'état d'un de mes projet sous forme de barre de progressions , j'ai fait mes recherches et toujours pas trouver si quelqu'un peut m'aider =)

cordialement Killer-AT .

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 30/04/2011 à 16h40

#101809

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Tu peux t'inspirer de ça : http://cssglobe.developpez.com/tutoriels/css/barre-progression-animee-css-pur/

KONA Membre non connecté

Booster Fusée

Le 30/04/2011 à 16h49

#101810

Booster Fusée
Voir le profil du membre KONA
Inscrit le : 21/05/2006
Email
Site internet

Sujet déplacé

Recherche moto cross volée L'est de la france

Killer-AT Membre non connecté

Booster Fronde

Le 01/05/2011 à 20h58

#101853

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

Je ne suis pas doué en codage ( mais vraiment pas du tout ) donc si quelqu'un pouvez m'expliquer comment je pourrais mettre la progressbar sur mon site ^^'

merci de m'avoir répondu .

Cordialement Killer-AT

Killer-AT Membre non connecté

Booster Fronde

Le 02/05/2011 à 20h36

#101896

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

up! ^^'

infoking1 Membre non connecté

Booster Missile

Le 03/05/2011 à 13h17

#101908

Booster Missile
Voir le profil du membre infoking1
Inscrit le : 29/09/2008
Site internet
Groupes :

j'ai vu sur CsN que hight_tower se lançait dans la création d'un module de ce type.

Si ça t’intéresse tu peux aller voir ce topic.

Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici

Killer-AT Membre non connecté

Booster Fronde

Le 03/05/2011 à 16h33

#101913

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

Merci je vais de ce pas voir cela =)

Killer-AT Membre non connecté

Booster Fronde

Le 04/05/2011 à 18h06

#101967

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

Bonjours le module est intérréssant mais est encore en construction sans demo .. Donc si vous pouviez m'expliquez un truc :

Dans le liens donné plus haut par ReidLos , il me dise que la balise .. , le " SPAN " est une image ( bar.gif ) ou plutôt sur le site :

http://cssglobe.developpez.com/tutoriels/css/barre-progression-animee-css-pur/fichiers/bar.gif

donc j'aimerais savoir ou dois-je placer l'image pour avoir ma barre .

ps : c'est exactement cela que je recherche à la base =)

Cordialement Killer-AT .

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 04/05/2011 à 18h36

#101969

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Entre la balises bbcode HTML.

Killer-AT Membre non connecté

Booster Fronde

Le 04/05/2011 à 18h58

#101971

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

Tout d'abords merci d'avoir répondu =)

Voilà ce que j'ai fait :

[html]

80%

[/html]

mais l'image je dois bien la mettre dans un dossier ou quelques part car juste en mettant cela on ne me sort pas la progressbar ..

De l'aide pliz

cordialement Killer-AT

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 04/05/2011 à 19h08

#101972

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Oui il faut mettre les propriétés CSS avec.

Killer-AT Membre non connecté

Booster Fronde

Le 04/05/2011 à 19h43

#101975

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

Ou puis-je trouvé les propriété ? ^^' je sais je suis un boulet ...

Je vous remercie encore de m'aider .

Cordialement Killer-AT.

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 05/05/2011 à 11h23

#101987

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Code CSS :

.progressBar{
    width:216px;
    height:41px;
    background:url(bg_bar.gif) no-repeat 0 0;
    position:relative;
}
.progressBar span{
    position:absolute;
    display:block;
    width:200px;
    height:25px;
    background:url(bar.gif) no-repeat 0 0;
    top:8px;
    left:8px;
    overflow:hidden;
    text-indent:-8000px;
}
.progressBar em{
    position:absolute;
    display:block;
    width:200px;
    height:25px;
    background:url(bg_cover.gif) repeat-x 0 0;
    top:0;
}

Code HTML :

<p class="progressBar">
        <span><em style="left:50px">25%</em></span>
 
    </p>

Image : - http://cssglobe.developpez.com/tutoriels/css/barre-progression-animee-css-pur/fichiers/bar.gif

- http://cssglobe.developpez.com/tutoriels/css/barre-progression-animee-css-pur/fichiers/bg_bar.gif

- http://cssglobe.developpez.com/tutoriels/css/barre-progression-animee-css-pur/fichiers/bg_cover.gif

Killer-AT Membre non connecté

Booster Fronde

Le 05/05/2011 à 12h27

#101992

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

Ok merci le code css et les images ou dois-je les mettre ( si je n'en demande pas trop ) et merci encore de m'aider =)

cordialement Killer-AT.

Killer-AT Membre non connecté

Booster Fronde

Le 05/05/2011 à 12h40

#101993

Booster Fronde
Voir le profil du membre Killer-AT
Inscrit le : 30/04/2011

Désolé du double poste ..

Voilà j'ai tout mis comme il fallait , cela marche plutôt bien , mais mon soucis c'est qu'il dépasse du cadre convenue :

donc si vous pouviez m'aider ^^'

Cordialement Killer-AT.

Édité par Killer-AT Le 05/05/2011 à 12h41

Discussions Générales

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie