How can I center text within circular-progressbar?

[rew1nter]

This is what it looks like rn. How can this dot be centered?

heres my eww.yuck:

(defwindow bar
  :monitor 0
  :geometry (geometry :x "0px"
                      :y "10px"
                      :width "99%"
                      :height "30px"
                      :anchor "top center")
                      :stacking "fg"
  :reserve (struts :distance "40px" :side "top")
  :windowtype "dock"
  :wm-ignore false

  (mem)
  )


(defwidget mem []
		(box :class "mem_module" ;;:vexpand "false" :hexpand "false" 
            (circular-progress 
                :value 100
                :class "membar"
                :thickness 4 
            (button 
                :tooltip "using 100% ram"
                ;;:onclick "$HOME/.config/eww/bar/scripts/pop system"
                ""
                ))
            )
        )

and eww.scss:

.mem_module {

    color: #ff0000;
    border-radius: 1px;
    padding: 2px;

}

[w-lfchen]

Try putting a space after the circle glyph.
If that doesn't work, try to use a label and/or transform widget.
It might also be possible to achieve this using scss styling, by altering margins/padding.
Transforming via scss is not an option from my experience, but the other means available should be able to get the job done.