I don't mind giving guidance, but I am not going to write this for you. Google is your friend. There are literally hundreds of skins you can download that has these elements in that you can use as reference.
only getting % symbol.. Is the size of the label large enough?
SNR text. You need to write as a seperate elabel next to your component. <eLabel text="SNR:" ....
for example
<eLabel text="SNR:" position="675,28" size="55,28" font="Regular;20" foregroundColor="white" backgroundColor="blackglass" transparent="1" halign="right" />
<widget source="session.FrontendStatus" render="Label" position="735,28" size="70,22" font="Regular;20" foregroundColor="white" backgroundColor="blackglass" transparent="1">
<convert type="FrontendInfo">SNR</convert>
</widget>
BER is just the same.
<convert type="FrontendInfo">BER</convert>
SNR DB is just
<convert type="FrontendInfo">SNRdB</convert>
For screen resolution I have always just used various graphic. Notice I am using a conditional show hide so it only shows if true, plus for the SD ( is not hd) I am using invert. I presume you can just swap out render="Pixmap" to render="Label" or render="FixedLabel" (it might need text="blah blah". Only ever used graphics for this so I don't know)
HD / SD
<widget source="session.CurrentService" render="Pixmap" pixmap="o-icons/hd.png" position="0,0" size="30,20" alphatest="blend" zPosition="2">
<convert type="ServiceInfo">IsHD</convert>
<convert type="ConditionalShowHide" />
</widget>
<widget source="session.CurrentService" render="Pixmap" pixmap="o-icons/sd.png" position="0,0" size="30,20" alphatest="blend" zPosition="2">
<convert type="ServiceInfo">IsHD</convert>
<convert type="ConditionalShowHide">Invert</convert>
</widget>
Screen resolution.
<widget source="session.CurrentService" render="Pixmap" pixmap="o-icons/480.png" position="36,0" size="30,20" alphatest="blend" zPosition="2">
<convert type="ServiceInfo">Is480</convert>
<convert type="ConditionalShowHide"/>
</widget>
<widget source="session.CurrentService" render="Pixmap" pixmap="o-icons/576.png" position="36,0" size="30,20" alphatest="blend" zPosition="2">
<convert type="ServiceInfo">Is576</convert>
<convert type="ConditionalShowHide"/>
</widget>
<widget source="session.CurrentService" render="Pixmap" pixmap="o-icons/720.png" position="36,0" size="30,20" alphatest="blend" zPosition="2">
<convert type="ServiceInfo">Is720</convert>
<convert type="ConditionalShowHide"/>
</widget>
<widget source="session.CurrentService" render="Pixmap" pixmap="o-icons/1080.png" position="36,0" size="30,20" alphatest="blend" zPosition="2">
<convert type="ServiceInfo">Is1080</convert>
<convert type="ConditionalShowHide"/>
</widget>
<widget source="session.CurrentService" render="Pixmap" pixmap="o-icons/4k.png" position="36,0" size="30,20" alphatest="blend" zPosition="2">
<convert type="ServiceInfo">Is4K</convert>
<convert type="ConditionalShowHide"/>
</widget>
Display More
others include
<convert type="ServiceInfo">IsWidescreen</convert>
<convert type="ConditionalShowHide"/>
<convert type="ServiceInfo">IsWidescreen</convert>
<convert type="ConditionalShowHide">Invert</convert>
<convert type="ServiceInfo">IsMultichannel</convert>
<convert type="ServiceInfo">IsCrypted</convert>
<convert type="ServiceInfo">IsCrypted</convert>
<convert type="ConditionalShowHide">Invert</convert>
<convert type="ServiceInfo">SubtitlesAvailable</convert>
<convert type="ServiceInfo">IsStream</convert>
<convert type="ServiceInfo">HasHBBTV</convert>