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

Discussions Générales

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

Reprise du message précédent

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

Killer-AT Membre non connecté

Booster Fronde

Le 05/05/2011 à 19h09

#102009

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

Up svp ^^'

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 05/05/2011 à 19h52

#102010

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

Redimensionner l'image dans un premier temps.

Visiteur

Boosteur Inactif

Le 05/05/2011 à 20h38

#102015

Boosteur Inactif
Voir le profil du membre
Inscrit le : 09/06/2026

reidlos tu as quel theme pour que du 215 passe ?
c'est plutôt de l'ordre du 180 max il me semble non ?¿

Killer-AT Membre non connecté

Booster Fronde

Le 06/05/2011 à 08h55

#102041

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

Bonjours , merci de m'avoir répondu ... Dans le code ci-dessous j'aimerais savoir si je dois changer quelque chose ou pas ?

Code CSS :

/*barre de progression*/
.progressBar{
width:216px;
height:41px;
background:url(http://cssglobe.developpez.com/tutoriels/css/barre-progression-animee-css-pur/fichiers/bg_bar.gif) no-repeat 0 0;
position:relative;
}
.progressBar span{
position:absolute;
display:block;
width:200px;
height:25px;
background:url(http://cssglobe.developpez.com/tutoriels/css/barre-progression-animee-css-pur/fichiers/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(http://cssglobe.developpez.com/tutoriels/css/barre-progression-animee-css-pur/fichiers/bg_cover.gif) repeat-x 0 0;
top:0;
}

Et le texte ne s'affiche pas ( le 100% qui doit être au milieu )

Édité par Killer-AT Le 06/05/2011 à 09h00

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 06/05/2011 à 10h00

#102045

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

Tu as redimensionné tes images à combien de pixel en largeur ?

Killer-AT Membre non connecté

Booster Fronde

Le 06/05/2011 à 10h44

#102046

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

Bonjours quand je rentre des petites valeur ( 10 px ) sa marche bien mais quand je met 100 px ça bug cette image :

http://img11.hostingpics.net/pics/649150Sanstitre3.gif

je l'ai créer moi même mais l'autre est beaucoup plus petite et fait 1 px c'est mon seul soucis avec le Texte qui ne s'affiche pas .

Bonne journée à tous .

Cordialement Killer-AT .

Édité par Killer-AT Le 06/05/2011 à 10h48