Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用图像制作进度条_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何使用图像制作进度条

Javascript 如何使用图像制作进度条

javascript html css

Javascript 如何使用图像制作进度条,javascript,html,css,Javascript,Html,Css,我要做一个进度条。 当它为0%时，你什么也看不见。从1%开始，我想在进度条上打个旗子，让你知道进度有多快。100%时，此标志消失。这个标志是图像形式的，我不知道如何编码。以JavaScript接收进度。我应该在div容器中写入位置：相对的，位置：绝对的 .progressbar{ 宽度：100%； 边框：1px纯黑； 边界半径：5px； 高度：24px； } .图标{ 宽度：24px； 高度：24px； 位置：绝对位置； 右：-12px； 不透明度：.5； } .进展{ 宽度：50%； 背景颜色

我要做一个进度条。 当它为0%时，你什么也看不见。从1%开始，我想在进度条上打个旗子，让你知道进度有多快。100%时，此标志消失。这个标志是图像形式的，我不知道如何编码。以JavaScript接收进度。我应该在div容器中写入
位置：相对的
，
位置：绝对的


.progressbar{
宽度：100%；
边框：1px纯黑；
边界半径：5px；
高度：24px；
}
.图标{
宽度：24px；
高度：24px；
位置：绝对位置；
右：-12px；
不透明度：.5；
}
.进展{
宽度：50%；
背景颜色：绿色；
位置：相对位置；
高度：24px；
}




欢迎来到stack overflow，您能添加一些代码吗？你试过什么？我试过这个。但我没能达到我想要的效果/