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

Bei wie viel Prozent sollte man iphone laden?

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

...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

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

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

Batterie ladet ab 80 Prozent nicht mehr richtig?

Ich habe mir dieses Jahr ein neues iPhone 13 Pro gekauft am Anfang konnte ich es gut laden, aber seit paar Wochen ladet es ab 80 Prozent nicht mehr richtig, bis es zu 100 Prozent ladet, dauert 2 Stunden und als ich mal 100 Prozent hatte und es verwendet habe um TT oder YT zu schauen hatte ich nach 5 Minuten 76 Prozent Akku, muss ich die Batterie austauschen lassen oder ist das normal?

...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

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

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

Wie ändere ich einen Paragraph indem ich einen Button benutze mithilfe von HTML und Javascript?

Hallo zusammen,

ich benötige einen Code. Ich möchte einen Paragraphen anzeigen lassen mit einem Text, der sich auf Knopfdruck ändern lässt und immer eine Value weiter springt, wenn ich diesen Button anklicke. Wie schreibe ich diesen Code mit HTML und JS?

Ich finde leider nur Hilfe für einen Text, der sich nur einmalig per Knopfdruck ändert. Ich möchte aber, dass dieser sich jedes Mal ändert, sobald ich den Button nochmal anklicke.

...zum Beitrag

Geht Robert Habeck mit den Anzeigen zu weit?

https://www.focus.de/politik/deutsche-bundesminister-im-vergleich-mehr-als-90-prozent-der-anzeigen-gegen-buerger-stammen-von-habeck-und-baerbock_id_260500296.html

...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

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?

Deine Frage stellen