HTML set max value to max attribute

Hi ! I've been having an issue with making a max-attribute being set in my character sheet : What I made was a sliding bar going from 0 to 100, but I don't really know how to get the "max" value to interact with the max attribute (or maybe another attribute ?) For example, I'd like it to go from 0-100 to 0-200, only by changing the max of an attribute called "test" from 100 to 200 Here's the html : <input name="attr_f" class="faimtest" type="range" min="0" max="100" value="100">

   Up :(

You'd want to use a separate attribute to store the current/max value, and then make a sheetworker that then compares the % difference between current/max value, and adjusts the attr_f value between 0 and 100, to how how much you have of the max value. I think I was working on making an example for exactly this, but dunno if I ever saved it anywhere. If you or someone figures it out, add the example to this place: <a href="https://wiki.roll20.net/CSS_Wizardry#Custom_Progress_Bar" rel="nofollow">https://wiki.roll20.net/CSS_Wizardry#Custom_Progress_Bar</a>

I'm sorry to ask this but you please explain it a little more ? I don't really know how to set a max value as an attribute, I tried this but it didn't work : &lt;input name="attr_f" class="faimtest" type="range" min="0" max="attr_fmax"&gt;

You can't change the max/min ranges of an input in roll20, you need to use other stats as a step between to adjust the final value. Have something like this. &lt;input name="attr_test" class="faimtest" type="number" min="0" value="100"&gt; &lt;input name="attr_test_max" class="faimtest" type="number" min="0" value="100"&gt; &lt;input name="attr_rangefinal" class="faimtest" type="range" min="0" value="100" max="100"&gt; &lt;script type="text/worker"&gt; on("change:test change:test_max, function() { getAttrs(["test","test_max"], function(values) { let test = parseInt(values.test)||0; let testmax = parseInt(values.test_max)||0; let rangefinalnew = (test/test_max)*100; setAttrs({ "rangefinal": rangefinalnew }); }); }); &lt;/script&gt; Then make a sheetworker that changes changes the rangefinal &nbsp; by calculating ( test / test_max )*100. You have to read the docs and examples to figure it out if my example code is wrong, but it should be in the right direction <a href="https://wiki.roll20.net/Sheet_Worker_Scripts" rel="nofollow">https://wiki.roll20.net/Sheet_Worker_Scripts</a> If both test &amp; test_max have same value, rangefinal will be set to 100, showing it being full.

I got it to work ! I'm getting a new issue with this however.. The script only work once, after rangefinal has set its first value, it won't update anymore.. Any idea ? &lt;input name="attr_rangefinal" class="faimtest" type="range" min="0" max="100" value=""&gt; &lt;input name="attr_testfaim" class="faimtest" type="number" min="0" value=""&gt; &lt;input name="attr_maxfaim" class="faimtest" type="number" min="0" value=""&gt; &lt;script type="text/worker"&gt; on("change:testfaim change:maxfaim", function() { getAttrs(["testfaim","maxfaim"], function(values) { let testfaim = parseInt(values.testfaim)||0; let maxfaim = parseInt(values.maxfaim)||0; let rangefinalnew = (testfaim/maxfaim)*100; setAttrs({ "rangefinal": rangefinalnew }); }); }); &lt;/script&gt;

up !

I tried adding the condition "sheet:opened" but now it'll refresh only after I close and reopen the sheet :/

might be a good idea to have inital values saved for each stat, and possibly even a good idea to have a extra &lt;input name="attr_rangefinal" class="faimtest" type="hidden" min="0" max="100" value="100"&gt; saved on the sheet, in case the type="range" doesn't work well as a standalone saving stat. Otherwise I have no more ideas.