How to make Storage Progress Shape?

General
1

I'm making Storage Progress Shape

rectangle width (300)

The formula

$100/rm(fstot, int) * rm(fsused)*300/100$

2

Create an overlap group with three items

  1. Text that says storage used
  2. Rectangle shape for the progress bar
  3. Rectangle to show progress

For text object, use these settings

##KUSTOMCLIP##
{
  "clip_version": 1,
  "clip_settings": {
    "text_expression": "$rm(fsfree, int)/1000$ GB Free",
    "text_family": "kfile://org.kustom.widget.provider/fonts/Roboto-Regular.ttf",
    "text_size_type": "SINGLE_FONT_HEIGHT",
    "text_size": 220.0,
    "text_align": "LEFT",
    "text_filter": [],
    "text_rotate_mode": "NONE"
  }
}
##KUSTOMCLIP##

If you want to refresh it manually, use this on Touch tab

Kustom Action>> Force RSS/Text/XML update

For the Progress shown shape, use this

##KUSTOMCLIP##
{
  "clip_version": 1,
  "clip_cut": [],
  "clip_modules": [
    {
      "internal_type": "ShapeModule",
      "internal_toggles": {
        "shape_type": 10,
        "shape_width": 0
      },
      "internal_formulas": {
        "shape_width": "$mu(round,(rm(fstot,int)/1000),2)$GB"
      },
      "shape_type": "RECT",
      "shape_width": 1460.0,
      "shape_height": 60.0,
      "shape_corners": 55.0,
      "paint_color": "#5CA193ED",
      "fx_bitmap_filter": "BW",
      "fx_bitmap_blur": 20.0,
      "internal_title": "Space Left"
    }
  ]
}
##KUSTOMCLIP##

For the actual Progress bar shape, use this

##KUSTOMCLIP##
{
  "clip_version": 1,
  "clip_cut": [],
  "clip_modules": [
    {
      "internal_type": "ProgressModule",
      "internal_toggles": {
        "progress_progress": 0,
        "progress_mode": 0,
        "progress_level": 10,
        "progress_max": 0,
        "style_size": 0
      },
      "internal_formulas": {
        "progress_level": "$rm(fsfree, int)/rm(fstot, int)*100$",
        "progress_max": "$rm(fstot, int)$"
      },
      "progress_progress": "CUSTOM",
      "progress_count": 100.0,
      "style_size": 1460.0,
      "style_height": 45.0,
      "internal_title": "Space Free"
    }
  ]
}
##KUSTOMCLIP##

If done correctly, your progress bar should change width based on how much storage is used.