[HTML,CSS] Stylizowanie <progress> w css nie działa.

pytanie zadane 28 sierpnia 2017 w HTML i CSS przez Maciek123233 Gaduła (3,400 p.)

Witam, nie mogę wystylizować paska <progress> w css. W pliku index.html w tagu <head> podpiąłem plik css

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

plik css wygląda tak:

.form_rejestracja
{
	width: calc(100% - 20px);
	margin: 10px;
	padding: 5px;
	font-size: 20px;
	box-sizing: border-box;
}

.sila_hasla
{	
	width: calc(100% - 20px);
    margin: 10px;
    padding: 5px;
    font-size: 20px;
    box-sizing: border-box;
}

(te klasy mają takie same wartości specjalnie)

w pliku html gdy napiszę

<progress class="form_rejestracja" value="0"></progress>

wszystko działa, ale gdy zmienię klasę na "sila_hasla" to już nie działa.

Czy ktoś wie o co tutaj chodzi?

komentarz 28 sierpnia 2017 przez Eimens Maniak (69,240 p.)

width: calc(100% - 20px);
    margin: 10px;

Może po prostu dla rodzica daj padding: 10px; wtedy nie będziesz musiał używać calc.

komentarz 28 sierpnia 2017 przez Maciek123233 Gaduła (3,400 p.)

Ten calc to tak sobie napisałem czy to działa, normalnie zawsze daje padding, ale nie o to pytałem.

komentarz 28 sierpnia 2017 przez Eimens Maniak (69,240 p.)

Dlatego napisałem komentarz a nie odpowiedź.

komentarz 28 sierpnia 2017 przez Maciek123233 Gaduła (3,400 p.)

Nie wiem czy nie uznałeś mojej odpowiedzi za lekko chamskiej, dlatego sprostuję, nie o to pytałem ale bardzo się cieszę że przyjrzałeś się bliżej mojemu pytaniu, niż tylko paskowi progress, zobaczyłeś w kodzie coś co można by poprawić i to napisałeś, przy okazji od razu to poprawiłem więc ten komentarz jest jak najbardziej spoko