HTML Progressbar mit Zahl aber ohne %

    Hallo zusammen,


    Ich habe folgenden Code um einen Progress-bar auf meiner Seite einzublenden.

    PHP
       <p style="width:<?php echo $temp; ?>" data-value="<?php echo $temp; ?>"><?php echo $row["bezeichnung"]?></p>
        <progress max="100" value="<?php echo $temp; ?>" class="html5">
            <!-- Browsers that support HTML5 progress element will ignore the html inside `progress` element. Whereas older browsers will ignore the `progress` element and instead render the html inside it. -->
            <div class="progress-bar">
                <span style="width: <?php echo $temp; ?>"><?php echo $temp; ?></span>
            </div>
        </progress>

    Nun habe ich oben xx% und unterhalb den Progressbar.

    Weis jemand wie ich dass xx% zu einem xx°C wechsle? Kann ich bei einem Progressbar in HTML überhaupt das Zeichen hinter der Zahl ändern?


    Danke für eure bemühung.:danke_ATDE:

    Ready when you are :bravo2:

    Nein, das geht nicht, da jedes OS deinen Fortschrittsbalken als natives Widget und somit überall unterschiedlich rendert. Bei mir sieht das z.B. so aus:



    Nicht vergleichbar mit deinem Balken (unter Windows grün, denke ich).


    Aber nimm' doch einfach den Fallback-Code als dein Progress-Bar:

    HTML
    <div class="progress-bar">
  <span style="width: <?php echo $temp; ?>"><?php echo $temp; ?></span>
</div>

    Progressbars mit eigenem Markup zu realisieren ist eh sehr verbreitet, unter anderem aus dem Grund, dass sie sich dann vernünftig stylen lassen.