1) Check the esoui wiki for GUI / XML stuff:
http://wiki.esoui.com/UI_XML
The controls used on the ui, their attributes and methods etc. can be found there.
Some have descriptions, some don't. You need to ask then, at best within the addon dev channel over at
www.gitter.im/esoui/esoui
2) I'd inspect the esoui code for the achievement stuff at github (
https://github.com/esoui/esoui/tree/master/esoui) to see which controls and functions were used.
Achievement:
https://github.com/esoui/esoui/tree/...e/achievements
Many UI elements use templates in xml files where they inherit a control from. So check the xml files first and then the source code lua files to get the stuff where the XML templates or UI elements are "connected".
Then search the source code for the functions or other stuff which ZOs uses to build the elements and assign the textures.
Most controls got something like a method GetTexturePath or something similar. But the achievement bars do not seem to be a texture but a control which sues a texture as a child (so check ZGOO, open the GetChildren() table and see if there is some texture in it).
Then search for the name of the texture in the github code to maybe find the creation of the achievement bar.
I guess it's some kind of "experience bar" which is used for achievements, ingame xp and others. So maybe its in the folder "ingame/utility" or "libraries".
Edit:
Maybe this is the xml ui element for that bar you showed:
https://github.com/esoui/esoui/blob/...hievements.xml
Code:
<StatusBar name="ZO_AchievementsStatusBar" inherits="ZO_ArrowStatusBarWithBG" virtual="true">
<Controls>
<Label name="$(parent)Label" inherits="ZO_AchievementsDefaultLabel_Keyboard" font="ZoFontWinH4">
<Anchor point="BOTTOMLEFT" relativePoint="TOPLEFT" offsetY="-4" />
</Label>
<Label name="$(parent)Progress" inherits="ZO_AchievementsDefaultLabel_Keyboard" horizontalAlignment="CENTER" verticalAlignment="CENTER" tier="HIGH" layer="OVERLAY" level="2">
<Anchor point="TOPLEFT" offsetY="-1" />
<Anchor point="BOTTOMRIGHT" />
</Label>
</Controls>
</StatusBar>
It inherits from "ZO_ArrowStatusBarWithBG" so you need to find where this is defined and check which functions and possibilities you got.
Check this XML file:
https://github.com/esoui/esoui/blob/...rtemplates.xml
And the appropriate lua file for the functions and code:
https://github.com/esoui/esoui/blob/...rtemplates.lua
Use the forum search here at
www.esoui.com and search for statusbar. There are some threads with explanations about the gradient, animations and timelines etc. too