Semantic-Org/Semantic-UI · warning

Value specified is above 100%

Error message

Value specified is above 100%

What it means

set.barWidth() (progress.js:401-416) treats its argument as a percentage: if value > 100 it logs error.tooHigh (progress.js:402-403) and does not set the width. The bar width expects a 0–100 percent, so anything above 100 is rejected for this setter.

Source

Thrown at src/definitions/modules/progress.js:892

  total          : false,
  value          : false,

  // delay in ms for fail safe animation callback
  failSafeDelay : 100,

  onLabelUpdate : function(state, text, value, total){
    return text;
  },
  onChange      : function(percent, value, total){},
  onSuccess     : function(total){},
  onActive      : function(value, total){},
  onError       : function(value, total){},
  onWarning     : function(value, total){},

  error    : {
    method     : 'The method you called is not defined.',
    nonNumeric : 'Progress value is non numeric',
    tooHigh    : 'Value specified is above 100%',
    tooLow     : 'Value specified is below 0%'
  },

  regExp: {
    variable: /\{\$*[A-z0-9]+\}/g
  },

  metadata: {
    percent : 'percent',
    total   : 'total',
    value   : 'value'
  },

  selector : {
    bar      : '> .bar',
    label    : '> .label',
    progress : '.bar > .progress'
  },

View on GitHub (pinned to 597843ab84)

Solutions

1. Pass a 0–100 percent to 'set bar width'.
2. Prefer 'set progress'/'set value' with a total so the module computes and clamps the percent for you.
3. Clamp manually: Math.min(100, Math.max(0, value)) before calling set bar width.

Example fix

// before
$('.ui.progress').progress('set bar width', doneCount); // doneCount = 150 -> [97]

// after
$('.ui.progress').progress({ total: totalCount });
$('.ui.progress').progress('set progress', doneCount); // module normalizes to a valid percent

var pct = Math.min(100, Math.max(0, Number(value)));
if (Number(value) > 100) console.warn('barWidth clamped from', value);
$('.ui.progress').progress('set bar width', pct);

When it happens

Trigger: Calling $('.progress').progress('set bar width', 150) or .progress('set bar width', someNumber) where someNumber > 100. Note this is the barWidth setter specifically; the higher-level 'set progress'/'set value' normalizes against total via normalizedValue and does not log this.

Common situations: Confusing absolute value with percent (passing a raw value when a percent is expected); calling set bar width directly with a computed ratio that exceeds 100 due to rounding; mixing total-based and percent-based APIs.

Related errors

• Value specified is below 0%
• The method you called is not defined.
• Progress value is non numeric
• {name} must be an integer
• There were no elements that matched the specified selector

AI-assisted analysis of Semantic-Org/Semantic-UI@597843ab84 (2026-08-13). Data as JSON: /api/errors/7fb7b0cc5ab1d51d. Report an issue: GitHub.