I had a quick go with my current Krypton 17.6/Transparency 10.3.0 build, with fairly usable result.
Used the xml for the bars from Estuary's SettingsSystemInfo.xml as a basis, albeit with some kludging required.
(The sub-elements in each category are hardcoded in Kodi to a given line/label number, so had to add the bars to the "global" section at the end of the inbuilt label list, so they display on all sections rather than just Hardware. With some futzing of spacing it all worked out well, I think
)
Code edits below for anyone interested in adding to their current build, and can't wait for Ronie to do a "proper" and pretty version
File: skin.transparency\1080p\SettingsSystemInfo.xml
Lines: 133 onwards
Code:
<control type="label" id="10">
<description>Label 10</description>
<!--- Hacky kludge for labels 10 & 11 used by `PVR service` section.
Couldn't modify PVR section layout for `deleted & recoverable recordings` item,
which overlapped new CPU & RAM bars position. This variable doesn't get populated
on my LibreELEC/TVHeadend setup so was a waste of space anyway.
This is the only section in the Systeminfo page that uses labels number 10 & 11,
so forced #10 to offscreen left and moved #11 up into it's place --->
<left>-9999</left>
<top>420</top>
<width>1320</width>
<label>-</label>
<font>font-20</font>
</control>
<control type="label" id="11">
<description>Label 11</description>
<left>0</left>
<top>420</top>
<width>1320</width>
<label>-</label>
<font>font-20</font>
</control>
<!--- Added CPU & Memory bars [start]--->
<control type="label">
<description>CPU Text</description>
<align>left</align>
<top>460</top>
<width>925</width>
<label>$LOCALIZE[13271] [COLOR white]$INFO[System.CPUUsage][/COLOR]</label>
<textcolor>blue</textcolor>
<shadowcolor>black</shadowcolor>
<font>font-20</font>
</control>
<control type="progress">
<description>CPU BAR</description>
<align>left</align>
<top>500</top>
<width>925</width>
<height>16</height>
<info>System.CPUUsage</info>
<font>font-20</font>
</control>
<control type="label">
<description>Memory Text</description>
<top>525</top>
<width>925</width>
<height>40</height>
<label>System RAM usage: [COLOR white]$INFO[system.memory(used)] /$INFO[system.memory(total)][/COLOR] [$INFO[system.memory(used.percent)]]</label>
<textcolor>blue</textcolor>
<aligny>center</aligny>
<shadowcolor>black</shadowcolor>
<font>font27</font>
</control>
<control type="progress">
<description>Memory BAR</description>
<top>565</top>
<width>925</width>
<height>16</height>
<info>system.memory(used)</info>
</control>
<!--- Added CPU & Memory bars [end]--->
<!--- Modified positioning of build info [start] --->
<control type="label" id="52">
<description>Kodi Build Version</description>
<align></align>
<left>1010</left>
<top>528</top>
<width>500</width>
<label>144</label>
<textcolor>blue</textcolor>
<shadowcolor>black</shadowcolor>
<font>font-20</font>
</control>
<control type="label">
<description>Transparency! Version</description>
<align></align>
<left>1010</left>
<top>558</top>
<width>500</width>
<label>$INFO[System.AddonTitle(skin.transparency)]: $INFO[System.AddonVersion(skin.transparency)]</label>
<textcolor>blue</textcolor>
<shadowcolor>black</shadowcolor>
<font>font-20</font>
</control>
<!--- Modified positioning of build info [end] --->