Progress

<Progressvalue="75" />

<Progressvalue="75"></Progress>

exportfunctionProgress() {

const [currentValue, setCurrentValue] = React.useState(0)
setInterval(() => {
setCurrentValue(currentValue +10)
if (currentValue >101) setCurrentValue(0)
 }, 1000)

return (
 <frame>
 <pagestyle={styles.container}>
 <actionBartitle="Progress"></actionBar>

 <gridLayout>

 <progressvalue={currentValue} />

 </gridLayout>
 </page>
 </frame>
 )
}

import { createSignal } from'solid-js'

exportconstProgress= () => {
const [count, setCount] =createSignal(0)
setInterval(() => {
setCount(count() +1)
if (count() ===101) setCount(0)
 }, 100)
return (
 <>
 <actionbartitle="Progress">
 </actionbar>
 <gridlayout>
 <progressvalue={count()}></progress>
 </gridlayout>
 </>
 )
}

<scriptlang="ts">
let currentValue =0
setInterval(() => {
 currentValue++
if (currentValue ===101) currentValue =0
 }, 100)
</script>

<page>
 <actionBartitle="Progress">
 </actionBar>

 <gridLayoutwidth="100%">
 <progressbind:value={currentValue}></progress>
 </gridLayout>
</page>

<scriptlang="ts"setup>
import { ref } from'vue'

constcurrentValue=ref(0);
setInterval( () =>{
 currentValue.value ++;
if(currentValue.value ===101)
 currentValue.value =0;
 }, 100);
</script>

<template>
 <Page>
 <GridLayout>
 <Progress:value="currentValue"></Progress>
 </GridLayout>
 </Page>
</template>