자바스크립트 질문드립니다
본문
안녕하세요 진행도를 나타내려고
<script>
// progressbar.js@1.0.0 version is used
// Docs: http://progressbarjs.readthedocs.org/en/1.0.0/
var bar = new ProgressBar.Line(containers, {
strokeWidth: 4,
easing: 'easeInOut',
duration: 1400,
color: '#000',
trailColor: '#fff',
trailWidth: 1,
svgStyle: {width: '100%', height: '100%'},
text: {
style: {
// Text color.
// Default: same as stroke color (options.color)
color: '#999',
position: 'absolute',
right: '0',
top: '30px',
padding: 0,
margin: 0,
transform: null
},
autoStyleContainer: false
},
from: {color: '#FFEA82'},
to: {color: '#ED6A5A'},
step: (state, bar) => {
bar.setText(Math.round(bar.value() * 100) + ' % 완료');
}
});
bar.animate(1.0); // Number from 0.0 to 1.0
</script>
<div id="containers"></div>
위와같은 자바스크립트를 사용해서
게시판 갤러리 리스트에 적용을 하고있습니다
작업 완료되면 등록되는 게시물이라 100%고정으로 사용하고있습니다
그런데 게시물 하나일때는 괜찮은데 게시물 2개 3개 여러개일 경우에는
갤러리 리스트에서 아에 나타나지를 않습니다
중복되는 문제때문인것같은데 어디를 수정해줘야할까요?