html prozent anzeige?

weiß eine wie man bei html eine prozent anzeige macht je nach vorgang also wenn etwas ladet das das auf die 100% kommt

3 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

08.07.2020, 22:44

Suchst du sowas? Um die beweglich zu machen, bräuchtest du aber JavaScript.

<progress value="32" max="100"> 32% </progress>

uefuw

Beitragsersteller

08.07.2020, 22:45

ja das geht auch aber wie macht man das mit einem vorgang also zubeichbiel einem dowload wie verbindet man das

SamanthaI

08.07.2020, 22:48

@uefuw

http://www.coder-welten.de/javascript/ladebalken-mit-fortschrittsanzeige.htm

Hier siehst du ein Beispiel. Und hier noch ein etwas schwereres:

https://www-coding.de/einfacher-datei-upload-mit-javascript-ajax/

uefuw

Beitragsersteller

08.07.2020, 22:50

@SamanthaI

danke

RakonDark

08.07.2020, 22:56

@uefuw

für download progress https://stackoverflow.com/questions/39589917/show-a-progress-bar-for-downloading-files-using-xhr2-ajax/39599878#39599878

flumex

08.07.2020, 22:56

Eine Anzeige bekommst Du mit HTML und CSS hin. Diese mit einem Event via JavaScript zu verbinden ist auch nicht das Problem. Jetzt brauchst Du natürlich nur eine Sache die einen Fortschritt hat wie z. B. eine Anfrage an einen Server.

Das benötigt aber eine sogenannte RestAPI.

Nagel mich auf der Aussage nicht fest, aber mir fällt grade nichts ein, was Clientseitig lohnenswert angezeigt werden könnte.

medmonk

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Webentwicklung

08.07.2020, 22:49

Mit HTML allein gar nicht. HTML ist nur eine Auszeichnungssprache zum Strukturieren von Text und anderen "multimedialen" Inhalten wie Bilder, Grafiken, Videos oder Audios. Die dahinterstehende Programmlogik musst Du also mit einer client- oder serverseitigen Programmiersprache wie JavaScript oder PHP umsetzen.

Woher ich das weiß:Berufserfahrung

uefuw

Beitragsersteller

08.07.2020, 22:51

ja ich weiß aber ich hab nur html gesagt damit man weiß was ich meine also zu weltschem thema

Ähnliche Beiträge

html Unterschrift in die pdf einfügen?

<div class="row">
 <div class="panel">
  <div class="panel-body">
   <div class="col-xs-12">
    <div class="form-group">
     <label for="Unterschrift_1"><b>Unterschrift Fachkraft für Arbeitssicherheit</b></label>
     <div class="wrapper">
      <canvas id="Unterschrift_1" width="700" height="100
      </canvas>
     </div>
    </div>
   </div>
  </div>
 </div>
</div>

...zum Beitrag

HTML / PHP: Wie kann ich ein Passwort bei Anzeige zensieren?

Hi, ich habe ein Passwort in $passwort eingespeichert und will, dass wenn ich es anzeigen lasse, es zensiert ist und nebendran ein Knopf ist, um es sichtbar zu machen. Kann mir jemand dabei helfen?

...zum Beitrag

Text aus anderem Dokument in HTML Webseite verknüpfen?

Angenommen, ich hätte 2 HTML Dokumente 1.HTML und 2.HTML und in beiden werden z.B. alle Windows Versionen aufgezählten. Jetzt kommt Windows 12 hinzu. In diesem fall muss ich jetzt überall Windows 12 Hinzufügen.

Gibt es die Möglichkeit eine Datei Windows Versionen.[Dateiformat] zu erstellen, in der die Aufzählung eingetragen ist, so dass ich in 1.HTML und 2.HTML den Link von Windows Versionen.[Dateiformat] einfüge, und beide automatisch auf die Datei zugreifen, wo die Liste drin ist, und die Daten anzeigen?

Geht dass?

Welche Programmiersprache muss ich verwenden?

Wie füge ich die Dateien in HTML ein?

Könnt ihr mir ein Beispiel zeigen?

...zum Beitrag

Wieso funktioniert die Auswertung meines Planetenquiz nicht richtig?

Hallo, und zwar habe ich mit HTML, CSS und JavaScript ein Quiz über das Sonnensystem erstellt (man soll die Planeten richtig beschriften).

Problem: Wenn ich auf Aufgabe überprüfen klicke, kommt die Anzeige "Du hast 0 von 8 Planeten richtig beschriftet", obwohl ich die Planeten richtig beschriftet habe.

Kann mir jemand dabei helfen? Ich komme einfach nicht weiter.

JavaScript:

HTML:

...zum Beitrag

Wie kann ich diesen HTML Vorgang stoppen?

Ich würde gerne einen HTML-Vorgang stoppen, wenn eine Voraussetzung in Java Skript nicht erfüllt ist:

Ich arbeite mit formsubmit.co und kann auf meiner Webseite nicht mit PHP arbeiten. Bis jetzt habe folgenden Code:

<form action="https://formsubmit.co/email@gutefrage.de" method="post" onsubmit="validateEmail()">
    <input type="hidden" name="_autoresponse" value=
    "Hallo, du hast diese Email bekommen. " />
    <input type="hidden" name="_next" value="https://www.gutefrage.net/" /> 
    <input type="email" id="email" name="email" placeholder="Email Address" /> 
    <label class="container"><input type="checkbox" required/>Ich habe die Nutzungsbedinungen gelesen.</label> 
    <button type="submit">Send</button>
</form>


<script>
/* <![CDATA[ */
      function validateEmail() {
        const email = document.getElementById("email").value;
        if (email.includes("200") && email.includes("Frage") && email.length >= 20) {
          alert("Valid email address.");
          return true;
        } else {
          alert("Invalid email address.");
          return false;
        }
      }
/*]]>*/
</script>

Das Skript überprüft die Eingabe der E-Mail Adresse, sofern alle Felder eingegeben sind und das Formular abgesendet wurde, ob die eingegebene E-Mail-Adresse "100", "Frage" und grösser oder gleich 20 Zeichen lang ist. Auf einer Nachricht im Browser wird angezeigt, ob die E-Mail-Adresse den Voraussetzungen entspricht oder nicht. Anschließend wird die Nachricht "Hallo, du hast diese E-Mail bekommen." an die eingegebene E-Mail-Adresse gesendet (das übernimmt formsubmit.co). Anschließend wird der Nutzer auf Gute Frage weitergeleitet.

Beides Funktioniert einwandfrei, jedoch wird, egal ob die E-Mail die Voraussetzungen erfüllt oder nicht, an die angegebene E-Mail gesendet.

Meine Frage ist, ob ich die Aktion in HTML irgendwie stoppen kann, also das die E-Mail nicht versendet wird, wenn sie die Voraussetzungen in JavaScript nicht erfüllt. Dabei kann ich keine riesigen Änderungen am gegebenen HTML-Code von formsubmit unternehmen (da dies ja immer noch funktionieren sollte) und ohne PHP oder ähnliches.

Edit: Das mit der Erkennung funktioniert irgendwie auch nicht, es zeigt immer an, dass die Email die Voraussetzungen nicht erfüllt. Ich habe jedoch ein Beispiel, wo dies funktioniert:

<form onsubmit="return validateEmail()" method="post">
    <label for="email">Email:</label> <input type="email" id="email" name="email" placeholder="z.B. ichbincool@email.com" size="40" required="" /> <input type="submit" value="senden" required="" />
</form>
<script>
/* <![CDATA[ */
      function validateEmail() {
        const email = document.getElementById("email").value;
        if (email.includes("ich") && email.includes("cool") && email.length >= 5) {
          alert("Valid email address.");
          return true;
        } else {
          alert("Invalid email address.");
          return false;
        }
      }
/*]]>*/
</script>

...zum Beitrag

Webview php seite local hosten?

Hallo, ich bin gerade ein bischen am rumprobieren mit webview in android studio, ich würde gerne eine kleine Website welche php, html und js enthält local auf dem Gerät hosten und auch auf diese in webview anzeigen. Ist dies möglich, sodass ich auch Dateien in eine json Datei schreiben kann?

...zum Beitrag

Website schrift ändert sich nicht?

Font face wurde verwendet.

Ich hatte vorher eine andere Schriftart installiert und ausgewählt in der css datei .

nun zeigt mir die webseite noch immer die alte schrift an, sogar dann, wenn ich die schriftart aus dem ordner entferne oder in der css datei den namen umbenenne. (dann müsste es normalerweise die standard html schrift anzeigen)

...zum Beitrag

Dateiliste mit Javascript erstellen?

Ich habe ein Laufwerk mit vielen Dateien und Unterverzeichnissen.

Im Stammverzeichnis befindet sich eine html-Datei, in der ich mittels Javascript eine Dateiliste anzeigen möchte.

Wie kann ich das machen?

...zum Beitrag

CSS Grüne Blöcke nacheinander anzeigen lasen?

Von oben nach unten, aber ohne zusätzliche HTML Tags wie <div> <p> oder <br>.

Der Code sieht so aus <div> a*3 </div> nichts besonderes und dann noch bisschen padding height width background-color

...zum Beitrag

HTML|JS|CSS - Hinter dem DIV den Hintergrund unschärfen?

Hallo,

ich möchte gerne die restliche Seite unscharf haben, wenn mein DIV-Formular offen ist. Wenn ich mein DIV aber schließe "Abbrechen", ist die ganze Seite weg. Ich vermute mal das es mit dem anzeigen und verstecken vom "overlay" DIV zusammenhängt, welcher auch die Unschärfe rein bringt.

HTML Part:

<html>
<header>
    <link rel="stylesheet" href="css/style.css">
    <script language="javascript" type="text/javascript" src="js/script.js"></script>
    <script type="text/javashttps://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.jsquery.min.js"></script>
</header>

<div class="bsr"> <b> Besprechungsraum: </b> RR </div> <br>

<div id="ajaxdiv"> </div>

<div align="center" id="reservierungdiv"> <a href="#" class="btn_reservierung" onclick="openForm()">Reservierung</a> </div>

<?php include "connect/users.php"; ?>

</div> </body> </html>

CSS Part:

body {
    background-color: whitesmoke;
    /overflow: hidden;/
    z-index: 0;
}

#overlay{
    /display: none;/
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 3;
    filter: blur(2px);
    visibility: hidden;
}

JS Part:

function openForm() {
    document.getElementById("myForm").style.display = "block";
    document.getElementById("overlay").style.display = "block"; <---
    startTimer();
}

function hideDiv() {
    document.getElementById('myForm2').reset();
    //$("#client")[0].reset();
    document.getElementById('myForm').style.display = 'none';
    document.getElementById("overlay").style.display = "none"; <---
}

...zum Beitrag

Wie schreibt sich auf HTML ein einfaches "Hintergrund Streifen"?

Würde gerne auf einer Homepage einen einfachen HTML Script einfügen welcher einen Streifen (Beispiel) in Farbe #000000 die gesamte hintere flache bedeckt (Dynamisch je nach Bildschirm Größe)

etwa 30px höhe
Breite bekanntlich dynamisch
Farbe #000000

Siehe Bild als Beispiel

Könnte eventuell jemand einen HTML Script posten?

...zum Beitrag

Bei wie viel Prozent sollte man iphone laden?

Wäre das ok wenn man 30 Prozent bist zu 100 Prozent ladet?

...zum Beitrag

Website-Änderungen werden nicht angezeigt wegen Browser-Cache?

Hallo zusammen,

ich habe folgendes Problem:

Ich hoste meine Website bei Ionos. Dort habe ich meine Codes (HTML, CSS, JavaScript und PHP) im Webspace abgelegt, der mit der Domain verbunden ist.

Nun habe ich an der Website Änderungen vorgenommen und z.B. eine mobile Ansicht implementiert. Ich habe die alten Code-Dateien überschrieben.

Auf der Website werden diese Änderungen aber nicht angezeigt, wenn man die Website vor kurzem bereits besucht hatte, da der Browser-Cache die alten Daten noch gespeichert hat.

Gibt es hier eine Möglichkeit, das zu verhindern und für die Nutzer direkt die neue Version anzeigen zu lassen?

Ich danke für eure Rückmeldungen :)

...zum Beitrag

html bild an bestimmten tagen anzeigen?

hallo ich möchte in auf einer webseite ein bild zu einem bestimmten zeitraum anzeigen lassen zum beispiel soll das bild von datum x bis datum y angezeogt werden hätte jemmand tipps wie ich das tun kann danke im vorraus

MfG Kahletox

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen