Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Szukam szablonu "Strona w budowie"

Developer Aris

Przez Developer Aris
w Niezbędnik Programisty - Archiwum

Rekomendowane odpowiedzi

ArcheR. Specjalista

ArcheR.

Opublikowano
Specjalista

ArcheR.

Opublikowano

Znalazłem w necie progressbara i na szybko:

<!DOCTYPE html>
<html>
<head>
<style>
body {
    text-align: center;
}
.prog {
 padding: 3px;
border: 1px solid #ccc;
background: #eee;
border-radius: 3px;
color:white;
} 


.prog > .progBar {
border-radius: 3px;
background: grey;
} 


.srOnly {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
</style>
</head>
<body>
Strona w budowie!<br><br>
<div class="prog">
<div class="progBar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
<span class="srOnly"></span>Ukończono: 70%
</div>
</div>
<br>Zapraszamy niebawem.
</body>
</html>

816931450038440914647.gif

 

Brawls of viewers

 

ogier181 Uczeń

ogier181

Opublikowano
Uczeń

ogier181

Opublikowano

Nudziło mi się, więc zrobiłem Ci coś takiego.

 

CSS:

@ "utf-8";
   #glowny{
   padding-top: 50px;
   margin: 0 auto; 
   text-align:center;
   }
   
   progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
   appearance: none;
  width: 400px;
  height: 30px;
  }
  progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  }
  #tekst
  {
  margin-top:-24px;
  }

HTML:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
   <title>|adres strony| || Strona w Budowie!</title> 
   <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />
</head> 
<body> 
<div id="glowny"> 
<img src="http://www.kkit.pl/graph/w_budowie.gif" /> <br/ >
<progress max="100" value="80">
<div pseudo="-webkit-progress-inner-element">
<div pseudo="-webkit-progress-bar">
<div pseudo="-webkit-progress-valute" style="width: 80%;">
</div>
</div>
</div>
</progress>
<div id="tekst">Ukończono: 80%</div>
</div> 
</body>
</html>

logo.png

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...