HTML Zeilen als Widget, die vordefiniert ist.

Hallo zusammen,

ich weiß der Titelname ist nicht gerade günstig gewählt...
Und zwar hab ich ein Projekt am laufen, wo ich mehrere Statusbar(Progressbar) an der Sidebar habe...

<a style="color:#2d2d2d;" 
href="http://umleitung...">
<b>Text | 01</b></a>  - Text
<img src="http://zzzzzzzzz.org/images/zzzzzzz.png" alt="ZZZZZZZ" style="float: left;  margin-right: 17px;;">
<div class="progress-bar orange stripes">
    <span style="width: 20%">  
        <p style="padding-left: 3px;"> 20% </p>
    </span>
</div>

Kann ich den oben genannten Code, als Widget erstellen, sodass ich eine Box habe, die nur noch mit den Werten ausgefüllt werden muss(Also man soll den weiteren Code nicht sehen können, nur die Eingabebox mit nem text davor, woran man sich orientieren soll, wo man gerade was ausfüllen soll)

• href
• Text
• img src
• alt
• width: %
• Text von der %

Weil ich einige nicht so erfahrene Moderatoren habe, die mit der Statusbar zurecht kommen würden.
Hoffe ich konnte es einigermaßen erklären.

Ich hab die Progressbar nach meinen Wünschen angepasst, schaut auch echt fein aus, nur bräuchte ich etwas wie ne GUI, damit die Moderatoren nicht den ganzen Code von der Statusbar sehen, sondern einfach immer nur in der Textbox die Werte/Url/etc ändern müssen.

Edit: Die vorhandene Progressbar sollte am liebsten bleiben, das wollte ich damit gesagt haben. Bräuchte halt per HTML/PHP nen Widget, wo mehrere Input fenster vorhanden sind:

zum Beispiel:
Im input möchte ich das vordeklarieren:

href=" (Hier der Input/Die Eingabe) ">

Alles ausser (Hier der Input/Die Eingabe) soll vordeklariert werden, sodass ich im Input Fenster den Wert eintragen kann.