Aiuto con barra di avanzamento

18-02-2013, 00.14.08

Buonasera! Vorrei chiedervi un parere e una mano su quello che ho intenzione di fare. Nel mio sito ho intenzione di inserire una barra di avanzamento, ovvero:

Codice:

<div class="progress"> <progress max="100" value="50" id="progress_indicator"></progress></div>

Questo il codice che uso per la barra. Il problema è che io non riesco in alcun modo ad allungare la barra (in larghezza), pur avendo aperto la pagina index.css, avendo inserito il codice in <head></head>

Codice:

<link rel="stylesheet" href="index.css" type="text/css">

Il codice che ho utilizzato per allargare è il seguente:

Codice:

.progress {
width: 500px;
                 }

Ho provato tutte le possibili varianti per far funzionare il css ma non c'è modo.

Ringrazio anticipatamente per l'aiuto

**javascripter** · 18-02-2013, 15.30.50

Con il tuo CSS aumenti solo la larghezza del div (.progress), se vuoi cambiare la larghezza della barra devi agire direttamente su di essa.
Quindi:

Codice:

#progress_indicator {
    width: 500px;
}

Discussione: Aiuto con barra di avanzamento

LinkBack

Strumenti discussione

Display

Aiuto con barra di avanzamento

Regole di scrittura